jQuery 动态按钮单击处理程序

Question

我有一段代码可以更改 div 的 html 以制作一个按钮。当我为动态按钮创建点击处理程序时，没有任何反应

$('#signinup').html("<button id=\"login_submit\">Sign In</button>");

处理程序:

$('#login_submit').click(function() {
   alert("Works!");
});

Answer 1

See the working demo :)

使用 live() 方法:

$('#login_submit').live('click', function() {
   alert("Works!");
});

live() 方法将处理程序附加到与当前选择器匹配的所有元素的事件，现在或将来。