Funktion in Jquery geschrieben funktioniert nicht richtig

Question

Ich habe eine Seite

<div id="aar"> 
    <div id="stack0" class="stack">stack1</div> 
    <div id="stack1" class="stack">stack1</div> 
    <div id="stack2" class="stack">stack1</div> 
</div> 

, in dem das folgende Skript

laufen

$(document).ready(function(){ 
    $(".stack").click(function(){ 
     $("#aar").html($("#aar").html()+'ann'); 
    }); 
}); 

Die Funktion Lauf nur ein time.Why .STACK klicken?

Answer 1

Dies ist auf Sie den alten dom mit dem neuen ersetzt, und die neuen hat kein Klickereignis begrenzt Handler.

Und Sie könnten einfach den neuen Inhalt mit der App-Methode anhängen.

$(document).ready(function(){ 
    $(".stack").click(function(){ 
     $("#aar").append(this.id); 
    }); 
}); 

Answer 2

Benutzer statt klicken leben:

$(document).ready(function(){ 
$(".stack").live('click', function(){ 
    $("#aar").html($("#aar").html()+$(this).attr("id")); 
}); 

});