javascript - 如何在每个 ajax 或完整请求后调用 javascript

Question

我有一些 JavaScript 代码将点击事件绑定(bind)到某些元素的点击事件，如下所示。

    $(".alert-message .close").click(function(e) {
    $(this).parent().fadeTo(200, 0, function() {
        $(this).slideUp(300);
    });
    e.preventDefault();
});

这是在文档就绪事件中调用的，因此通常它可以正常工作，直到我触发更新页面部分的 ajax 请求。这个新创建的部分没有添加点击事件，我最终不得不为每个 ajax 请求调用这段代码，导致大量重复。

我正在寻找一种方法来编写此 JavaScript 代码一次并在任何情况下调用它。是否有一些事件处理程序会在任何 ajax 或正常请求后调用？

Bootstrap dismissable alert message 在任何 ajax 请求后工作，所以一定有办法。

Answer 1

根据您使用的 jQuery 版本，您应该使用 delegate 或 on 而不是直接绑定(bind)点击。尝试类似的东西

$(document).on('click', '.alert-message .close', function(e) {
    $(this).parent().fadeTo(200, 0, function() {
        $(this).slideUp(300);
    });
    e.preventDefault();
});

http://api.jquery.com/on/