首页 >web前端 >js教程 >如何从 jQuery 已弃用的 `.live()` 迁移到 `.on()` 方法?

如何从 jQuery 已弃用的 `.live()` 迁移到 `.on()` 方法?

Patricia Arquette
Patricia Arquette原创
2024-11-28 22:39:13302浏览

How Do I Migrate from jQuery's Deprecated `.live()` to the `.on()` Method?

jQuery 1.9 .live() 已被删除

在 jQuery 1.9 及更高版本中,.live() 函数已被弃用并删除。从 jQuery 1.8 或更早版本升级时,您可能会遇到错误 TypeError: $(...).live is not a function.

替换 .live() 的迁移指南

要替换.live(),请使用.on()函数,但注意参数是不同:

  • 之前:.live(events, function)
  • 之后:.on(eventType, 选择器, function)

子选择器是至关重要的。如果不需要,请将其设置为 null。

迁移示例

示例 1:

  • Before: $ ('#mainmenu a').live('点击', function)
  • 之后:$('#mainmenu').on('click', 'a', function)

示例 2:

  • 之前:$('.myButton').live('click', function)
  • 之后: $('#parentElement').on('click', '.myButton', function)
  • 或者,如果父级未知: $(document). on('click', '.myButton', function)

附加资源:

  • [jQuery - 如何使用“on()”方法而不是“live()”?](https://stackoverflow.com/questions/6453978/jquery -如何使用方法代替实时)
  • [jQuery 1.9 迁移指南](https://api.jquery.com/category/deprecated/)

以上是如何从 jQuery 已弃用的 `.live()` 迁移到 `.on()` 方法?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn