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

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

Linda Hamilton
发布: 2024-11-21 07:26:13
原创
813 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板