Jquery"live"很好,但"on"不在jsfiddle上

Question

一定有什么不对劲.我不知道是什么？在jsfiddle看到这个.

/*
$("p").live("click", function(){
  $(this).after("<p>Another paragraph!</p>");
});
*/


$("p").on("click", function(){
  $(this).after("<p>Now Click Me...Another paragraph!</p>");
});

我选择了jquery 1.7.2.并且live工作正常但on不附加click事件.根据jquery文档,on应该按照live已弃用的方式工作.任何的想法？

Answer 1

您没有on正确绑定事件,您需要将其绑定到父级

$("body").on("click", "p", function(){ });

jsFiddle:http://jsfiddle.net/h75BD/2/

使用$('selector').on()语法绑定它的工作原理完全相同.click(),不委托事件.如果您希望将其委派(即实时),则需要使用$('parent').on('click', 'selector')语法.