动态元素的 jQuery 1.7 on() 和 off() 方法

Question

jQuery 1.7 的 .on() 和 .off() 方法应该取代 .live() 等。

我尝试使用动态项目:

 $(".myList").on('click', function(e){
  alert('hello world');
 });

对于加载 DOM 后添加的元素，这对我不起作用。

上面的代码是 jQuery 1.7 的 .on() 和 .off() 方法的有效示例吗？

Answer 1

参见http://blog.jquery.com/2011/11/03/jquery-1-7-released/对于 live() -> on/off() (和其他)示例。

这是他们将 live 转换为 on 的示例:

$('a').live('click', fn);
$(document).on('click', 'a', fn);

所以你的例子变成:

$(document).on('click', '.myList', function(e){
  alert('hello world');
});