jquery - 在 Jquery 中添加 On() 事件而不是 live() 事件

Question

我现在有点困惑，在我更改为 Jquery 1.9.1 之前，我使用live()事件将事件绑定到 document.ready 上的按钮，但现在我被迫更改.live()为.on()事件，并且我的按钮停止工作。所以我以前的代码可能看起来像：

$(document).ready(function () {
    $("#button").live('click', buttonEvent);
});

之后：

$(document).ready(function () {
    $("#button").on('click', buttonEvent);
});

我错过了什么？

Answer 1

$(document).ready(function () {
     $(document).on('click', '#button', buttonEvent); 
});

jQuery.on()可用于委托元素上的事件。它的模式有点不同但更好。

Answer 2

您可以在此页面上看到所需的更改Live to On

取自该页面的内容如下，它们演示了语法更改：

1 $("a.offsite").live("click", function(){ alert("Goodbye!"); }); // jQuery 1.3+
2 $(document).delegate("a.offsite", "click", function(){ alert("Goodbye!"); }); // jQuery 1.4.3+
3 $(document).on("click", "a.offsite", function(){ alert("Goodbye!"); }); // jQuery 1.7+