1.7+ 中的 jQuery live() 与 on()

2023-12-10

我知道从 jQuery 1.7 开始,.live() 方法已被弃用。所以这就是我想出的:

$(document.body).on('click', '#list', function() {
    console.log($(this));
});

这几乎可以达到目的并且相当于:

$('#list').live('click', function(){
    console.log($(this));
});

他们都返回#listjQuery 对象,这就是我想要的。 然而,问题是当我传递 jQuery 对象作为第二个参数而不是字符串(这种情况经常发生)时,例如:

var list = $('#list');
$(document.body).on('click', list, function() {
    console.log($(this));
});

控制台返回$(body)jQuery 对象。在这一点上这是没有用的。 ;) 有任何想法吗?

编辑:这里的问题是NOT如何访问示例 1 和 2 中受影响的对象 $('#list'),以及如何在示例 3 中访问它。


官方给出的答案已经很明确了docs:

以后不再推荐使用 .live() 方法 jQuery 的版本提供了更好的方法,而它没有 缺点。特别是在使用过程中会出现以下问题: 。居住():

  • jQuery 在调用之前尝试检索选择器指定的元素.live()方法,这可能是 处理大型文档非常耗时。
  • 不支持链接方法。例如,$("a").find(".offsite, .external").live( ... ); is not有效,但未按预期工作。
  • 既然所有.live()事件附于document元素,事件耗时最长且最慢 在处理它们之前可能的路径。
  • Calling event.stopPropagation()在事件处理程序中对于停止事件处理程序无效 附在文件下方;该事件已经传播到document.
  • The .live()方法以令人惊讶的方式与其他事件方法交互,例如,$(document).unbind("click")删除所有点击处理程序 通过任何电话附加.live()!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

1.7+ 中的 jQuery live() 与 on() 的相关文章

  • 使用 jQuery/JS 打开时使
    标签的内容具有动画效果

    我只想要 HTML5 的内容details标记为 滑行 动画打开 而不是仅仅弹出打开 立即出现 这可以用 jQuery Javascript 实现吗 Fiddle http jsfiddle net 9h4Hq HTML
  • Jquery/Javascript 上传和下载文件,无需后端

    是否可以在没有后端服务器的情况下在 JavaScript 函数中下载和上传文件 我需要导出和导入由 JavaScript 函数生成的 XML 我想创建按钮 保存 xml 来保存文件 但我不知道是否可行 另一方面 我希望将 XML 文件直接上
  • 将div设置为隐藏,延时后可见

    我试图在 X 时间后 也许甚至在随机时间之后 但现在我们只做固定时间 在黑色背景上出现一个黄色方块 function initialSetup if document getElementById yellow null document
  • 如何获取给定 DOM 元素的所有定义的 CSS 选择器?

    如何使用 jQuery 获取给定 DOM 元素的所有定义的 CSS 选择器 定义后 我的意思是在应用于任何样式表的所有 CSS 选择器document 在某种程度上 这类似于 FireBug 实现的功能 其中显示所选 DOM 元素的所有应用
  • 如何更改此 jquery 插件的时区/时间戳?

    我正在使用这个名为 timeago 的插件 在这里找到 timeago yarp com 它工作得很好 只是它在似乎不同的时区运行 我住在美国东部 费城时区 当我将准确的 EST 时间放入 timeago 插件时 比如 2011 05 28
  • JQuery 图像上传不适用于未来的活动

    我希望我的用户可以通过帖子上传图像 因此 每个回复表单都有一个上传表单 用户可以通过单击上传按钮上传图像 然后单击提交来提交帖子 现在我的上传表单可以上传第一个回复的图像 但第二个回复的上传不起作用 我的提交过程 Ajax 在 php 提交
  • 为什么 jquery 没有检测到单选按钮未被选中的情况? [复制]

    这个问题在这里已经有答案了 可能的重复 JQuery radioButton change 在取消选择期间不会触发 https stackoverflow com questions 5176803 jquery radiobutton c
  • 在剑道组合框中动态添加项目

    如果你们中有人使用过 kendo ui 请告诉我如何在 kendo 组合框中动态添加新项目 我尝试在谷歌和其他地方搜索 我的结论是剑道中没有这样的功能 以供参考 JSBIN http jsbin com ebutaw 2 edit sour
  • Javascript 或 jQuery Flot 中的仪表图 [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我正在尝试获得一个看起来像仪表的图表 我已经在其他图表中使用 jQuery Flot 那么是否可以使用 Flot 或纯 Javascrip
  • jQuery UI:将可排序从手风琴内部拖动到外部

    我有两个相连的可排序列表 一个只是在页面上 另一个在手风琴内 我使用手风琴作为其他列表的容器 我的目标是用户可以打开手风琴并将项目从该列表中拉到页面上 它有效 除了占位符在离开手风琴时消失 我尝试过 helper clone 并增加 zIn
  • 使用 JavaScript 将数据插入数据库时​​,在控制台中创建错误“超出最大调用堆栈大小”

    我进行了大量搜索来修复过去几天遇到的 JavaScript 错误 我看到很多问题都得到了解答堆栈溢出 但不幸的是 没有人符合我的错误 我想要的是发送一个简单的记录到database using JavaScript and PHP 但我得到
  • 如何更改 ModelForm 中所有 Django 日期字段的默认小部件?

    给定一组典型模型 Application A from django db import models class TypicalModelA models Model the date models DateField Applicati
  • 从前端更改记录顺序

    我在编写下一个功能时遇到问题 我希望用户能够重新排列记录并更改 display order 值 我使用 Jquery UI 的可拖放功能来促进这一点 我可以看到如何简单地交换 display order 值 但我想为一条记录设置一个显示顺序
  • Bootstrap 表单助手未选择完整的国家/地区名称

    我添加了引导表单助手来列出国家及其州 最初 它根本没有选择国家名称 但我设法用 jQuery 检索国家 地区名称 但它没有显示完整名称 这是表单的完整代码 div class signup form div class container
  • JQuery:如何仅在完成调整大小后调用 RESIZE 事件?

    浏览器窗口大小调整完毕后 如何调用函数 我正在尝试这样做 但遇到了问题 我正在使用 JQuery Resize 事件函数 window resize function how to call only once the browser ha
  • jQuery 更改事件未在输入元素上触发

    首先 我检查了与我的问题类似的每个主题 不幸的是 我还没有找到答案 我尝试结合一些答案 但没有成功 注 刚开始学习jQuery 所以这是我的问题 我创建了一个带有四个文本输入和一个按钮的表单 每个输入内部都有一个 svg 图标和一个占位符文
  • 检查 DOM 元素是否为复选框

    如何检查给定的 DOM 元素是否为复选框 设想 我有一组文本框和复选框 其中的值是动态分配的 我没有办法识别 DOM 元素是复选框还是文本框 只使用普通的 javascript 你就可以做到 if el type el type check
  • 如何在 Bootstrap 3 中制作进度条动画?

    我正在尝试为 Bootstrap 进度条设置动画 但我不知道该怎么做 我得到了宽度的值但是console log bar width 返回宽度px但不是 如内联所示style width 90 我用代码重新创建了一个 bootply Boo
  • 使用 jQuery 仅从字符串末尾修剪空格

    我知道 jQuery trim 函数 但我需要的是一种仅从字符串末尾修剪空格的方法 而不是开头 So str this is a string 会成为 str this is a string 有什么建议么 Thanks 您可以使用正则表达
  • Javascript 选择 onchange='this.form.submit()'

    我有一个带有选择和一些文本输入的表单 我希望在更改选择时提交表单 使用以下方法可以正常工作 onchange this form submit 但是 如果表单还包含提交按钮 则当选择更改时 表单不会提交 我猜有某种冲突 我在这里有什么选择

随机推荐

  • VBA 在特定时间段内从用户创建的文件夹中删除 Outlook 邮件

    我正在寻找一个 VBA 代码片段来删除六 6 个月或更早且位于用户创建的文件夹中的 Outlook 邮件 该代码是什么样的 这是一个示例脚本 Sub DeleteOlderThan6months Dim oFolder As Folder
  • 通过反射传递引用嵌套结构

    type Client struct Id int Age int PrimaryContact Contact Name string type Contact struct Id int ClientId int IsPrimary b
  • 在 Razor 中生成动态 XML

    我在 ASP NET 之外使用 Razor 从模板生成 XML 文档 我有以下代码
  • 使用 iText7 从 PDF 中提取文本。如何提高其性能?

    目前 我使用此代码从矩形 区域 中提取文本 public static class ReaderExtensions public static string ExtractText this PdfPage page Rectangle
  • 如何在 Grails 2.0 中从 war 文件中排除资源?

    我的 Grails 2 应用程序中有一些测试数据 其中包含一些特殊内容 图像 视频等 在构建战争时不应包含这些内容 在开发时 这些文件存储在web app content 那么问题来了 在生产环境构建战争时如何排除它们呢 在我的搜索过程中我
  • 从上下文菜单复制文件的父目录路径

    我正在学习批处理脚本 因为它对于设置 Windows 用户选择的一些快速自定义上下文菜单选项来获取文件及其父目录的路径非常有用 现在我知道以下命令将传递的参数作为文件路径并将其复制到剪贴板 cmd c echo set p 1 clip 但
  • Extjs网格面板一列背景颜色更改另一列值

    我有一个 Extjs 编辑器网格面板 在其中我必须根据另一列值的值更改一列的 css 那么如何做到这一点我无法使用渲染器功能 因为它在 onload 上工作还有其他方式我附加代码吗其中我有性别列和 ID 列 因此当性别列选择男性时 ID 的
  • 更改不同分辨率下的 flexbox-direction

    为什么在低于 800px 的分辨率下 flex direction 不会改变 这些项目仍然在一排 如果我想更改不同分辨率的顺序 也会发生同样的情况 这是 HTML 和 CSS body font weight bold text align
  • LDAPS 未与 PHP 连接

    我在使用 Windows 连接到安全 LDAP 服务器时遇到问题 而且我在网上到处都看到同样的情况 但到目前为止还没有有效的解决方案 我尝试过同时使用 IIS 和 WAMPSERVER 我已将 libeay32 dll 和 ssleay32
  • 在 Node.js 中等待多个回调的惯用方法

    假设您需要执行一些依赖于某些临时文件的操作 自从 我们这里讨论的是 Node 这些操作显然是异步的 等待所有操作完成的惯用方法是什么 知道什么时候可以删除临时文件吗 这是一些显示我想要做什么的代码 do something tmp file
  • 在活动之间传递自定义对象

    我尝试过在这里和许多其他网站找到的许多不同的解决方案 但我就是无法使其工作 我在一项活动中有一个对象 公寓 该对象将在另一项活动中使用 该活动从类 MyMapOverlayItem 启动 并应启动应在其中使用 Apartment 对象的 A
  • 如何使安装在不同aws实例上的docker中的Hazelcast节点相互交互?

    我有三台 aws 机器 在上面设置了三个 docker 容器 并在其上安装了 hazelcast 3 5 4 ubuntu 将 aws 配置设置为我通常使用 Hazelcast 执行的操作 没有 docker 节点不会相互发现 如何让他们互
  • 在 ASP.NET RegularExpressionValidator 中使正则表达式不区分大小写

    给定这个正则表达式 0 9 s lbs kg kgs 我如何使其不区分大小写 我试图在 net 正则表达式验证器中使用它 因此我需要在模式中指定不区分大小写 我无法以编程方式使用 RegexOptions 因为我在 RegularExpre
  • 检查矩阵中的列或对角线是否 = x(不使用 Numpy)

    我可以使用此代码来检查矩阵中的一行是否 x q 1 2 1 1 2 1 2 1 2 answer sum row for row in q for i in range 0 len q if answer i 6 print Player
  • rbenv 安装的 ruby​​ 2.1.2 无法在 MAC OSX 10.9.2 上加载此类文件 -- zlib

    我通过 rbenv 安装 ruby 2 1 2 rbenv 是通过 homebrew 在我的 MAC OSX 10 9 2 上安装的 ruby global 成功设置为 2 1 2 但是当我尝试运行 gem install 时 出现以下错误
  • 如何使三根柱子高度相同?

    我已经查看了这个问题的十几个问题和答案 但似乎没有一个适合我的情况的最佳答案 我有一个页面 http awesomealbums info 1062 chris cornell 具有三个垂直列 我希望各列看起来具有相同的高度 无论其中是否有
  • 使用 pandas 对数据框进行排序。保持柱子完好无损

    如下图所示 我想按以下方式对聊天进行排序Type按字母顺序排列 不过 我不想打乱顺序 Date User id 每个内Chat name 鉴于我的输入数据框位于左侧 我应该如何执行此操作 在Python中使用Pandas 您想使用对值进行排
  • AVPlayerLayer 显示黑屏但声音正常

    我正在尝试在中显示本地录制的视频AVP播放器层哪个有效有时 我可以听到录制视频中的音频 但看不到视频 有时视频和音频都可以工作 有时只有音频 我都尝试过AVP播放器层 and AVPlayerViewController但这两种情况都会出现
  • 对没有默认构造函数的控件使用 XamlReader

    我有一些 Xaml 对象的字符串表示形式 并且我想构建控件 我正在使用XamlReader Parse函数来执行此操作 对于像 Button 这样的简单控件 它有一个不带任何参数的默认构造函数 这样可以很好地工作 var buttonStr
  • 1.7+ 中的 jQuery live() 与 on()

    我知道从 jQuery 1 7 开始 live 方法已被弃用 所以这就是我想出的 document body on click list function console log this 这几乎可以达到目的并且相当于 list live