jQuery – 从live()迁移到on()

前端之家收集整理的这篇文章主要介绍了jQuery – 从live()迁移到on()前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道“实时”功能现已弃用.如何迁移以下内容以使用新的“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?

Should all jquery events be bound to $(document)?

原文链接:https://www.f2er.com/jquery/177627.html

猜你在找的jQuery相关文章