6
votes

jQuery click () ne fonctionne pas sur remplacé HTML

J'essaie de créer un GO-MOKU jeu en utilisant jQuery, PHP et MySQL Base de données. J'ai une fonction Ajax qui met à jour la carte A chaque seconde si nécessaire.

$(document).ready(function() {
  //code here
});


0 commentaires

4 Réponses :


4
votes

Le $ (document) .Readady () code> Fonction ne tire que lorsque la page Première charge - afin de faire ce travail, essayez quelque chose comme ceci:

function bindClicks() {
    $("td > img").click(function(){
        alert("clicked");
    });
}

$(document).ready(bindClicks);


0 commentaires

18
votes

On dirait que vous devez changer xxx pré>

à p> xxx pré>

éditer: pour JQuery 1.9 et plus tard, vous pouvez faire: P >

$("#board").on('click', 'td > img', function(){
  // handle click
});


2 commentaires

"Live" est la solution à une grande classe de problèmes de jQuery sur Stackoverflow. Dès que vous voyez une déclaration comme "Je change mon HTML et x ne fonctionne plus", il est assez probable que Live () va vous aider.


Ha ha afin que vous connaissiez probablement le problème du titre seul.



1
votes

1) êtes-vous ré-câblant l'événement de clic après la charge de contenu AJAX?

Le $ (document) .Ready Fonction sera déclencher dès que la page est complètement chargée, mais ne tirera pas après les appels Ajax. Donc, vous aurez besoin de repousser l'événement de clic après chaque appel Ajax:

2) baiser. Gardez-le aussi simple que possible. Si vous avez plus de 50 lignes à l'intérieur d'un document.ReadIt, vous souhaiterez peut-être créer des fonctions.

3) Le meilleur moyen d'accomplir peut être d'attribuer un ID spécifique à chaque cellule et de capturer cela dans l'événement de clic. Vous pouvez ensuite transmettre cela au serveur et mettre à jour la cellule spécifique sur le retour.


0 commentaires

1
votes

Êtes-vous sûr que JQuery correspond à votre requête:

$ ("TD> img")

Je chargerais Firefox avec Firebug et vérifiez que vous obtenez d'abord votre match en réalité. La deuxième table que votre création peut avoir une structure légèrement différente, alors vous attendez et Firebug peut vous montrer la structure exacte.

Goodluck.


1 commentaires

La structure était bien, bonne suggestion, j'ai toujours déterminé l'utilité de Firebug pour cette même chose il y a un peu.