我知道“实时”功能现已弃用.如何迁移以下内容以使用新的“on”?
$('a.action').live( "click",function (evt) { // Do stuff }
场景是a.action正在动态创建.我试过这个,但无济于事:
$('a.action').on( "click",function (evt) { // Do stuff }
解决方法@H_404_10@
如果你想要实际的.live() – 类型的性能,当你添加事件处理程序时,a.action对象不一定存在,那么你应该找到一个始终存在的所有a.action元素的父DOM对象并绑定.on()就像这样:
$(parent selector).on('click','a.action',function (evt) {
// Do stuff
});
该父级应尽可能接近a.action对象以获得最大效率.因此,不希望绑定到文档.
事实上,.live()被弃用的一个原因是因为它被绑定到文档对象,并且当有太多事件都流经一个对象(事件调度性能受到影响)时,很容易导致性能问题.
有关更多信息,请参阅我的其他相关答案:
jQuery .live() vs .on() method for adding a click event after loading dynamic html
How does jQuery’s new on() method compare to the live() method in performance?
$(parent selector).on('click','a.action',function (evt) { // Do stuff });
该父级应尽可能接近a.action对象以获得最大效率.因此,不希望绑定到文档.
事实上,.live()被弃用的一个原因是因为它被绑定到文档对象,并且当有太多事件都流经一个对象(事件调度性能受到影响)时,很容易导致性能问题.
有关更多信息,请参阅我的其他相关答案:
jQuery .live() vs .on() method for adding a click event after loading dynamic html
How does jQuery’s new on() method compare to the live() method in performance?