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()方法为现在或将来与当前选择器匹配的所有元素的事件附加处理程序。

Answer 2

.live始终不起作用。 它有很多次，但最近我崩溃的情况是我正在动态更新/加载按钮，执行一些动作。就像您在Facebook好友请求弹出窗口中看到确认好友请求按钮一样。