按钮功能在动态内容上无法正常工作

Question

我正在为使用phonegap和jQuery为iPhone构建的应用程序遇到一些麻烦。我发现有几个线程告诉我对动态创建的内容使用on函数。但是，我无法让按钮正常工作。 follownig代码从循环语句创建按钮;

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

以下代码是我的点击功能

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

到目前为止，已创建了3个按钮，但它们不会产生警报，我也没有收到任何错误消息。谁能帮忙解释一下我做错了什么？

Answer 1

我认为你需要绑定到非动态元素（#question）：

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