Javascript 使用ajax获取的按钮没有响应

我有个小问题。因此，我有一个

php

页面，其内容

return

使用

ajax

按钮，如下所示：

HTML部分：

<a href="#" class="unit_register_button">
    Register
</a>

$('a.unit_register_button').click(function(e){

    e.preventDefault();
    alert('yaay');
});

问题：

<a href="#" class="unit_register_button">
    Register
</a>

$('a.unit_register_button').click(function(e){

    e.preventDefault();
    alert('yaay');
});

该按钮不响应

jQuery

我尝试过用按钮将

html

的精确行直接复制到页面上，当我单击

时效果非常好

解决方案是什么？为什么按钮在使用ajax显示时不起作用？
您应该使用它

事件委派允许您将单个事件监听器附加到父元素，该监听器将为与选择器匹配的所有子元素激发，无论这些子元素现在存在还是将来添加。
有两种方法，其中一种是使用
on
函数：

$(document).on('click', 'a.unit_register_button', function(e){

    e.preventDefault();
    alert('Alert message');
});

$(document).delegate('a.unit_register_button', 'click', function(e){

    e.preventDefault();
    alert('Alert message');
});

另一个是带有
委托
功能：

$(document).on('click', 'a.unit_register_button', function(e){

    e.preventDefault();
    alert('Alert message');
});

$(document).delegate('a.unit_register_button', 'click', function(e){

    e.preventDefault();
    alert('Alert message');
});

下面是工作示例

希望这能有所帮助。
您缺少
e
功能argument@Satpal：e是可选的。@JoelEtherton当您使用it@Satpal：我同意您的意见，即最好使用

上的

，但这并不能解决他的问题，因为他当前的代码是有效的。我的方法和使用事件委托有什么区别？@JoelEtherton，fiddle没有说明OP在说什么。他们用AJAX加载按钮，但似乎在加载之前绑定了事件that@Ian：合理。我显然掩饰了第一句话。我想一次读太多的问题。