Le problème de la .ajax $ en jquery

Question

d'abord j'utiliser .ajax $ pour charger le code html dans ma page html

for(var i=0;i<5;i++) 
{ 
    $.ajax({ 
     type: "get", 
     url: "test.xml", 
     async: false, //without set the async to false could cause problem,I also don't konw why 
     dataType: "html", 
     timeout: 2000, 
     success: function (xml) { 
      var $temp_code = $(xml).find("test[id='" + i+ "']").find("html_code").html(); 
      //the html code is like <div class="test"></div>…… 
      $($temp_code).appendTo($(".wrapper")).show(); 
    }); 
} 

Le code pourrait fonctionner bien dans la page, le code html en XML pourrait être lu correctement. ensuite, je veux donner à chaque « test » div se lier à une fonction de clic

comme

 $(".test").click(function() { 
      alert(""); 
     }); 

mais cela ne pouvait pas le succès, cliquez sur chaque rien d'alerte « test »

alors j'essaie de le mettre en $ .ajax complet comme:

$.ajax({ 
    …… 
    complete:function(){ 
      $(".test").click(function() { 
       alert(""); 
      }); 
    } 
}) 

Cela ne pourrait fonctionner pour le premier « test » div, cela signifie cliquer que le premier « test » pourrait alerter

Comment puis-je résoudre ce problème? Laissez le clic fonctionner dans chaque "test",

Merci!

Answer 1

Qu'est-ce que vous voulez quelque chose comme ça, qui est aussi beaucoup plus rapide, car il utilise le résultat de cette requête AJAX (qui devrait être le même) pour la boucle, plutôt que de faire à plusieurs reprises la demande, comme ceci:

$.ajax({ 
    type: "get", 
    url: "test.xml", 
    dataType: "html", 
    success: function (xml) { 
    for(var i=0;i<5;i++) { 
     var $temp_code = $(xml).find("test[id='" + i+ "']").find("html_code").html(); 
     $($temp_code).appendTo($(".wrapper")).show().find(".test").click(function() { 
     alert(""); 
     }); 
    } 
    } 
}); 

ce que cela ne se lie la .click() uniquement aux éléments qu'il vient d'être ajouté, les éléments .test<div> créés par $($temp_code).

Answer 2

Essayez d'utiliser .live() (http://api.jquery.com/live/)

Answer 3

Dans le premier fragment de script, vous devez consulter xml.d pour accéder au contenu du retour de votre OBTENIR. Je pense que cela vous permettra également de cliquer sur handler pour travailler.