Das Problem über den $ Schnipsel in jquery

Question

ersten verwende ich $ Schnipsel HTML-Code in meiner HTML-Seite

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(); 
    }); 
} 

Der Code könnte funktionieren gut in Seite, HTML-Code in XML laden könnte richtig gelesen werden. dann will ich jeden "test" geben div eine Klickfunktion binden

wie

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

aber dies konnte nicht erfolgreich, klicken Sie auf jeden "test" alert nichts

dann versuche ich es in $ zu setzen wie .ajax zu vervollständigen:

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

Dies ist nur für die erste „Test“ div arbeiten konnte, bedeutet dies nur die erste „Test“ klicken konnte

alarmieren Wie kann ich dieses Problem lösen? Lassen Sie den Klick in jedem "Test" arbeiten,

Vielen Dank!

Answer 1

Was Sie wollen, dass es so etwas wie dieses, das auch schneller viel ist, da sie das Ergebnis dieser AJAX-Request verwendet (die die gleiche sein sollte) für die Schleife, anstatt, der die Anfrage wiederholt, wie folgt aus:

$.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(""); 
     }); 
    } 
    } 
}); 

Was die .click() bindet sich nur auf jene Elemente, die es nur hinzugefügt, die .test<div> von $($temp_code) erstellt Elemente.

Answer 2

Versuchen zu verwenden .live() (http://api.jquery.com/live/)

Answer 3

Im ersten Skript-Fragmente, Sie xml.d verweisen müssen von dem Inhalt der Rückkehr zum Zugriff auf Ihrem BEKOMMEN.

success: function (xml) { 
      var $temp_code = $(xml.d).find("test[id='" + i+ "']").find("html_code").html(); 

Ich denke, dass dies auch ermöglicht Ihnen Click-Handler zu arbeiten.