JQuery bind（）方法不起作用

Question

我做了一些像这样的代码 例如，Ajax给了我一个<a href="" class="page-navi page--4">4</a>的分页栏。 但绑定和警报不起作用。为什么呢？

    <script ... >
$(function() {
  $(".page-navi").bind("click",function() {
alert("!!!");
});
$.ajax(
    {
        url: "some url",
        type: "GET",
        success:function(data, status, jqxhr)
        {
            $("#pagination").html(data);
        },
        error: function (request, status, error) {
            console.log(request.responseText);
        }                        
    });
});
</script>

Answer 1

看起来你正在调用一个ajax方法来在加载后立即更新你的#pagination元素。

如果您的.page-navi元素位于此#pagination元素中，则将通过bind附加的事件处理程序被清除。

进入ajax成功。

Answer 2

我测试你的代码并在没有AJAX调用的情况下正常工作。 BIND是一个旧的事件处理程序，我建议你使用ON。只需用ON替换BIND即可。原因是您在加载DOM元素之前尝试附加事件。我想我的建议会对你有帮助。