由jQuery创建的按钮无法识别

Question

在我的一个jQuery函数中，我使用$(some div).html(<button>...</button>)创建一个id为“one”的按钮。问题是，当我稍后使用$("#one").click(function(){....})时，它无效。按钮无法识别。 任何解决方案？

Answer 1

使用.on代替.click，例如

 $(body).on('click', '#one', function() {.....});

Answer 2

您的按钮是在代码中动态生成的，因此单击事件处理程序无法识别该按钮，因为它在绑定事件时不是DOM的一部分。使用event delegation - 即将事件绑定到永久DOM对象，例如document，并将其委托给您的按钮：

$(document).on("click","#one",function(){
// Your code
});