Button Funktion funktioniert nicht richtig auf dynamischen Inhalt

Question

Ich habe ein bisschen Probleme mit einer App, die ich für ein iPhone mit Phonegap und jQuery bauen. Ich habe mehrere Threads gefunden, die mir gesagt haben, dass ich on Funktion für dynamisch erstellten Inhalt verwenden soll. Allerdings kann ich die Tasten nicht richtig funktionieren. Der folgende Code erstellt die Schaltflächen aus einer Schleifenanweisung.

$("#question").append('<button class="next">ClickMe</buttons>');

Der folgende Code ist meine Klickfunktion

$(".next").on("click", function(){ alert("working"); });

Bisher gibt es drei Tasten erstellt, aber sie produzieren nicht die Warnung und ich erhalte keine Fehlermeldungen. Kann mir jemand erklären, was ich falsch gemacht habe?

Answer 1

Ich glaube, Sie zu nicht-dynamisches Element binden müssen (#question):

$("#question").on("click", ".next", function(){ alert('working') });