jquery und ajax problem

Question

ich benutze jquery und ajax.

Ich habe einige divs mit ids wie id = "apple-23", id = "apple-45" und ...

Ich habe einige jQuery-Code wie folgt aus:

$("[id^=apple]").click(function(){ 
    elid = $(this).attr('id').split("-"); 
    pid = elid[1]; 
    alert(pid); 
}); 

die Code funktioniert gut für diese divs.

aber die Ajax gibt auch ähnliche Divs mit ähnlichen ID-Muster wie ID = "Apple-61" und etc. aber der Jquery-Code funktioniert nicht für diese Ajax produziert divs.

warum ist es so? und wie kann ich es lösen?

Answer 1

Sie können entweder .delegate() oder .live() Ereignisse auf Elemente zu behandeln, die noch nicht existieren.

Wenn diese divs ein gemeinsames Elternteil haben, ist es effizienter, .delegate() anstelle von .live() zu verwenden (siehe here).

$("#divContainer").delegate("[id^=apple]", "click", function(){ 
    elid = $(this).attr('id').split("-"); 
    pid = elid[1]; 
    alert(pid); 
}); 

Answer 2

Das Problem besteht darin, dass Sie das Ereignis binden, bevor die Elemente vorhanden sind.

Verwenden live statt (vorausgesetzt, Sie jQuery verwenden 1.3+):

$("[id^=apple]").live("click", function(){ 
    elid = $(this).attr('id').split("-"); 
    pid = elid[1]; 
    alert(pid); 
});