javascript - jquery 后期绑定(bind)

Question

我有一个代码可以绑定(bind)页面加载时的点击操作，它是一个链接。当我单击它时，它会发送 ajax 请求并用 jquery append() 函数替换某些 div 中的内容。这个新内容有一个链接，我需要为它们绑定(bind)一些操作，但我不能.. 我认为绑定(bind)不起作用，因为 jquery append 不更新 DOM 树。我怎样才能获得后期绑定(bind)？

Answer 1

有 3 个函数可以做到这一点:

• $(selector).live(events, data, handler); - jQuery 1.3+ - 弃用版本:1.7，删除版本:1.9 ( reference )
• $(document).delegate(selector, events, data, handler); - jQuery 1.4.3+ - 从 jQuery 1.7 开始，.delegate() 已被.on() 方法。 ( reference )
• $(document).on(events, selector, data, handler); - jQuery 1.7+ - 首选 ( reference )

通常建议使用 on()，它的使用很简单，可能是首选方式。

1. 调用函数时第一个选择器必须存在，不能删除，否则事件也会消失(可以是文档)。
2. 第一个参数是事件(例如“点击”)
3. 第二个参数是要绑定(bind)事件的选择器。
4. 最后，您可以向事件添加一些自定义数据和函数。

下面是一些示例代码:

// Make sure the DOM is ready
$(function() {
    // Bind the click event to the function
    $(document).on("click", "a.class", function(event) {
        // Put your code here.
    });
});