Verwenden von .on () und e.stopPropagation () für dynamische Elemente

Ich habe mit der Erfassung von Klickereignissen außerhalb von Elementen mithilfe von experimentiertstopPropagation().

$(".container").children().on('click',function(e){
  e.stopPropagation();    
});
$(".container").on("click",function(){
  alert("outside the box?");    
})​

Hier ist eine jsFiddle-Konfiguration, um die Funktionsweise zu demonstrieren. Ein Alarm sollte ausgelöst werden, wenn Sie auf eine beliebige Stelle außerhalb des weißen Kästchens klicken.

Jetzt versuche ich, dasselbe Prinzip auf dynamisch erstellte Elemente anzuwenden. Soweit ich verstehe, dieon() Die Methode der Ereigniszuweisung in jQuery sollte dies ermöglichen, ohne das Skript zu ändern.

Hier ist eine zweite jsFiddle Hier müssen Sie zuerst auf einen Link klicken, um die Elemente zu erstellen. Sobald Sie dies getan haben, ist die Theorie, dass das gleiche Skript funktioniert, aber es funktioniert nicht. Was vermisse ich an dieser Methode?

Antworten auf die Frage(5)

Ihre Antwort auf die Frage