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

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

Linda Hamilton
Linda Hamilton原创
2024-11-21 07:26:13824浏览

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

jQuery 1.9 .live() 错误:迁移指南

从版本 1.9 开始,jQuery 已删除 .live() 函数。如果您最近从 1.8 或更早版本升级,您可能会遇到错误“TypeError: $(...).live is not a function”。要解决此问题,您可以迁移到新的 .on() 方法。

迁移说明:

.live() 和 .on() 的参数不同。以下指南将帮助您迁移:

  1. 将 .live(events, function) 替换为 .on(eventType, 选择器, function)。
  2. 将(子)选择器移至.on() 选择器(如果不使用则设置为 null)。
  3. 如果不知道父元素,则使用 document 作为父级。

迁移示例:

示例1:

之前:

$('#mainmenu a').live('click', 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/8587995/jquery -如何使用方法代替实时)
  • [jQuery 1.9 迁移指南](https://learn.jquery.com/migration/)

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

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