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

Question

我有一个小问题。所以我有一个 php 页面，其内容 return 一个使用 ajax 的按钮，如下所示:

HTML 部分:

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

jQuery 部分:

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

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

问题:

按钮不响应 jQuery。

我已经尝试将带有按钮的 html 的确切行直接复制到页面，并且在我单击 时完美运行。

如何解决，为什么按钮在使用ajax显示时不起作用？

Answer 1

你应该使用event delegation为此

$(document).on("click","a.unit_register_button",function(e){
   e.preventDefault();
   alert('yaay');
});

事件委托(delegate)允许您将单个事件监听器附加到父元素，该事件监听器将为匹配选择器的所有子元素触发，无论这些子元素现在存在还是将来添加。