jquery on 不起作用，但 live 可以使用 1.7.1 库

Question

我有一个动态创建的按钮，所以我需要在我的代码中使用 .live 。这是一个例子:

$('#send').live('click', function(){
.....
..... code .....
.....
});

我正在使用 jQuery 库 1.7.1，我想将其更改为使用 .on，但它不起作用。为什么是这样？语法不同吗？

我查看了文档，似乎没有做错任何事情。我不介意让它像现场一样，但我想知道我是否做错了什么。

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

Answer 1

语法有什么不同吗？是的。您是否阅读了链接到的所有 .on() doco 页面？

以下关于如何从 .live() 切换到 .delegate() 或 .on() 的摘要来自 .live() doco page :

$(selector).live(events, data, handler);                // jQuery 1.3+
$(document).delegate(selector, events, data, handler);  // jQuery 1.4.3+
$(document).on(events, selector, data, handler);        // jQuery 1.7+

所以在你的情况下你想要:

$(document).on('click', '#send', function(){
   // your code here
});

请注意，虽然理想情况下您不会使用 $(document)，但您将使用 $(someotherelement) 将处理程序附加到更接近的元素你的“#send”元素。如果可以的话，请使用“#send”的直接父元素，或者如果父元素是动态创建的，也使用其父元素。