首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的jquery (‘.on’)不能处理动态变化的行

问题:为什么我的jQuery('.on')不能处理动态变化的行?

答案:jQuery('.on')无法处理动态变化的行是因为它只能绑定在文档加载时存在的元素上。当页面中的元素是通过动态添加或替换生成的,jQuery('.on')无法自动将事件绑定到这些新元素上。

解决这个问题的方法是使用事件委托(event delegation)。事件委托是将事件绑定到一个父元素上,然后通过事件冒泡的方式来处理子元素的事件。这样无论子元素是动态生成的还是静态存在的,都可以通过父元素来处理事件。

以下是一个示例代码:

代码语言:txt
复制
// 绑定事件到父元素上
jQuery(document).on('click', '.on', function() {
  // 处理点击事件
});

// 动态生成的元素
var newElement = '<div class="on">动态生成的元素</div>';
jQuery('body').append(newElement);

在上面的代码中,我们将事件绑定到了document元素上,并指定了要处理的子元素选择器('.on')。无论何时点击页面上的任何一个具有'on'类的元素,都会触发事件处理函数。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)是一种弹性计算服务,提供安全可靠、弹性扩展的云端计算能力,适用于各类应用场景。您可以通过腾讯云云服务器来搭建和运行您的网站、应用程序、数据库等。了解更多信息,请访问腾讯云云服务器产品介绍页面:腾讯云云服务器

请注意,以上答案仅供参考,具体的解决方法可能因实际情况而异。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

关于jQuery用bind动态绑定事件无效处理

最近在进行页面开发,在做页面特效时候,需要给一个动态加载按钮赋予一个事件 于是不假思索 用$(obj).bind(); 来绑定事件 。...但是这样存在一个问题: bind确实能绑定事件,但是那是相对于固定html标签来说 当页面内容属于动态加载时候,bind事件就存在一个bug, 只能bind一次,当你第二次触发事件时候就没用了...例如: 给标签赋予一个click , 标签包括内容都是从后台数据读取然后动态加载 。...后面研究发现,jQuery还有个绑定事件方法:delegate(); 用法如下: $(".sentnum-box").delegate(".a-add-ordergoods","click",function...(){ //js数据代码 }); 这样就能实现对动态数据绑定事件,并永不失效

1.3K20

恭喜不能发财,搞定大厂面试才:动态规划问题思路解析

对大厂技术岗而言,面试考算法往往避不开,而动态规划问题是一道较难跨越门槛,因此为了美好钱程,我们有必要下功夫搞定。...上一节我们讲了一道遇到动态规划算法题,以为是个例,后来经过调查发现相应题目经常出现,同时上次描述比较粗糙,同时解法有问题,这次打算通过慢慢拆解来进一步阐述动态规划问题处理方法。...当算法题要求你给出”最优“,”最佳“,”最多“,”最少“等字眼时,十有八九就是动态规划,它处理通常有固定步骤如下: 1,如果问题规模为n, 那么把问题拆解成n-1 和最后一个元素,分析前n-1个元素在各个不同状态下对应最优解...4,注意在递归过程中处理边界问题。 我们还是拿上次股票买卖问题进行解析。...,,例如[2,5,1]是三天内变化,那么最优策略是第一天2块钱买,第二天5块钱卖,例如最大为3块。

38810
  • 为什么要创建一个不能被实例化

    但如果有一天,你发现写了这样一个类: class People: def say(self): print(f'叫做:{self.name}') def __new...__(self): raise Exception('不能实例化这个类') kingname = People() kingname.say() 一旦初始化就会报错,如下图所示:...一个不能被初始化类,有什么用? 这就要引入我们今天讨论一种设计模式——混入(Mixins)。 Python 由于多继承原因,可能会出现钻石继承[1]又叫菱形继承。...显然,这样写会报错,因为两个类实例是不能比较大小: 但在现实生活中,当我们说 某人比另一个人大时,实际上是指某人年龄比另一人年龄大。...混入: 不能包含状态(实例变量)。 包含一个或多个非抽象方法。 参考资料 [1]钻石继承: https://en.wikipedia.org/wiki/Multiple_inheritance

    3.4K10

    OpenCV论道:为什么伽马校正函数只有一

    大家好,又见面了,是你们朋友全栈君。...最近在用 OpenCV 识别棋盘棋子,基本思路是这样:先转灰度,再做高斯模糊和二值化,此时棋盘格上有的有棋子,有的无棋子;通过迭代腐蚀,消去棋子,再迭代膨胀回来,就得到了一个纯净棋盘;识别棋盘,标定位置...就是提升图像暗部细节。这与加曝处理是不一样,加曝一般不区分图像暗部和亮部。...奇怪是,在网上搜到伽马校正函数看起来都很复杂,即便是 python 写,也都得十几行甚至几十,可我写伽马校正函数只有一为什么会这样呢?是理解不对吗?...、伽马校正(gamma=2)灰度二值化效果、伽马校正(gamma=3)灰度二值化效果: 对于彩色图片,这个伽马校正函数依然有效。

    1.1K20

    用编程模拟疫情传播来告诉你: 为什么现在你还不能出门

    ,模拟了人们出门与不出门时,疫情变化情况。...看完视频你就明白为什么不能出门了,千万不要放松警惕!(@Ele实验室 ) 在家憋了一段时间的人们,耐心也在一点一点消磨中。很多人已经忍不住开始想蠢蠢欲动了。...他们总有一套自己理论:我们城市才一点确诊病人,而且在距离我们很远地方,就出去一会儿,哪有那么巧合,就感染上了。没事儿!大街上都没人,戴着口罩又没事。...因此通过这一次疫情防控,为了你、、他,请以后感冒发烧生病之后,能够带个口罩,减少传染率。因为不知道你体内这一个病毒威力如何。 ?...因此一个疫情发生,必须依靠强大有力政府比如中国,和广大医院医生护士等伟大工作者们努力,所以平时请尽量尊重他们这个职业。 ?

    2.1K10

    为什么建议线上高并发量日志输出时候不能带有代码位置

    如果大家发现网上有抄袭本文章,欢迎举报,并且积极向这个 github 仓库 提交 issue,谢谢支持~ 本文是“为什么建议”系列第二篇,本系列中会针对一些在高并发场景下,对于组内后台开发一些开发建议以及开发规范要求进行说明和分析解读...往期回顾: 为什么建议在复杂但是性能关键表上所有查询都加上 force index 在业务一开始上线时候,我们线上日志级别是 INFO,并且在日志内容中输出了代码位置,格式例如: 2022-03...这些线程是 reactor-netty 处理业务线程,观察其他实例,发现正常情况下,并不会有这么高 CPU 负载。那么为啥会有这么高负载呢?...在上面给出线程堆栈例子中,调用打印日志方法代码位置信息就是这一:at com.xxx.apigateway.filter.AccessCheckFilter.filter(AccessCheckFilter.java...由此,建议:对于微服务环境,尤其是响应式微服务环境,堆栈深度非常深,如果会输出大量日志的话,这个日志是不能带有代码位置,否则会造成严重性能衰减。

    1.4K20

    详解Java构造方法为什么不能覆盖,钻牛角尖病又犯了....

    三 但是,看了输出,就纳闷为什么为什么第三不是BigEgg2.Yolk(),不能覆盖吗?...那么,他们构造方法为什么不能覆盖,都是Public Yolk(){}。 当然,网上都说子类继承父类除构造方法以外所有方法,但这是结果,要知道为什么!! 五 先说几个错误观点 1....有说构造方法方法名与类名必须一样,父子类不能同名,故不能继,所以不能覆盖构造方法。 这个不用多说,这个例子,就是大神写出来打这样说的人。 2....(2).子类创建时候,会默认在构造方法第一调用父类默认构造方法-,若修改了必须显示调用。...Java设计时候,他们绝对想到有些人会像强迫症那样折腾个同名类继承,然后实现构造覆盖场景吧.... 总结 构造方法是唯一不能又造爸爸又造儿子

    2.1K20

    MySQL实战第十九讲-为什么只查一语句,也执行这么慢?

    为了便于描述,还是构造一个表,基于这个表来说明今天问题。这个表有两个字段 id 和 c,并且在里面插入了 10 万记录。...,有些是前面的文章中我们已经介绍过知识点,你看看能不能一眼看穿,来检验一下吧。...中,给你介绍过一种复现方法。但需要说明是,那个复现过程是基于 MySQL 5.6 版本。而 MySQL 5.7 版本修改了 MDL 加锁策略,所以就不能复现这个场景了。...这类问题处理方式,就是找到谁持有 MDL 写锁,然后把它 kill 掉。...小结 今天给你举了在一个简单表上,执行“查一”,可能会出现被锁住和执行慢例子。这其中涉及到了表锁、锁和一致性读概念。 在实际使用中,碰到场景会更复杂。

    99130

    面试官:告诉为什么static和transient关键字修饰变量不能被序列化?

    一、写在开头在上一篇学习序列化文章中我们提出了这样一个问题:“如果在对象中,有些变量并不想被序列化应该怎么办呢?”...当时没有解释具体为什么static和transient 关键字修饰变量就不能被序列化了,这个问题实际上在很多大厂面试中都可能会被问及。我们今天在这篇中进行解释吧。...三、源码分析在之前文章中,我们已经解释过了,在序列化时Serializable只是作为一种标识接口,告诉程序这个对象需要序列化,那么真正实现还要以来序列化流,比如写出到文件时,我们需要用到ObjectOutputStream...四、总结好啦,今天针对为什么static和transient关键字修饰变量不能被序列化进行了一个解释,下次大家在面试时候再被问道就可以这样回答啦,不过,还有的BT面试官会问transient关键字修饰变量真的不能被序列化吗...正在参与2024腾讯技术创作特训营最新征文,快来和我瓜分大奖!

    17120

    为什么代码就可以完成3个R包RNA-seq差异分析呢

    在教师节收到学生提问,刷B站74小时视频时候看到我演示了RNA-seq差异分析只用了一代码就完成了3大R包全部分析,并且输出了对应图表结果,觉得很神奇,但是B站视频并没有配套讲义和代码还有测试数据...,为什么这么神奇呢?...下面的图表是如何自动出来呢? ? 因为这个 run_DEG_RNAseq 函数代码非常长,这里就不贴在公众号了哈,大家可以在GitHubGEO项目找到它!...当然是啊,都会写代码了,还有什么是不能为所欲为呢? 同样,代码也是在GitHub,需要你仔细理解,不过有一个小小要求,请不要把代码雪藏,或者刻意隐瞒。...https://github.com/jmzeng1314/GEO/tree/master/airway_RNAseq 值得一提是这里面的一代码是需要格外注意哦: group_list=relevel

    1.7K62

    MySQL深入学习第十九篇-为什么只查一语句,也执行这么慢?

    为了便于描述,还是构造一个表,基于这个表来说明今天问题。这个表有两个字段 id 和 c,并且在里面插入了 10 万记录。...,有些是前面的文章中我们已经介绍过知识点,你看看能不能一眼看穿,来检验一下吧。...中,给你介绍过一种复现方法。但需要说明是,那个复现过程是基于 MySQL 5.6 版本。而 MySQL 5.7 版本修改了 MDL 加锁策略,所以就不能复现这个场景了。...这类问题处理方式,就是找到谁持有 MDL 写锁,然后把它 kill 掉。...小结 今天给你举了在一个简单表上,执行“查一”,可能会出现被锁住和执行慢例子。这其中涉及到了表锁、锁和一致性读概念。 在实际使用中,碰到场景会更复杂。

    1.1K20

    MySQL实战第二十一讲-为什么只改一语句,锁这么多?

    要注意 c 是普通索引,因此仅访问 c=5 这一条记录是不能马上停下来,需要向右遍历,查到 c=10 才放弃。根据原则 2,访问到都要加锁,因此要给 (5,10]加 next-key lock。...图中画出了索引 c 上主键 id。为了跟间隙锁开区间形式进行区别,用 (c=10,id=30) 这样形式,来表示索引上。 现在,我们来看一下案例六。...如下 图11 所示为案例八操作序列: 现在,我们按时间顺序来分析一下为什么是这样结果。...在业务需要使用可重复读隔离级别的时候,能够更细致地设计操作数据库语句,解决幻读问题同时,最大限度地提升系统并行处理事务能力。...把题目重新描述和简化一下:还是我们在文章开头初始化表 t,里面有 6 条记录,图 12 语句序列中,为什么 session B insert 操作,会被锁住呢?

    72220

    JS简史

    D代表着动态,也基本意味着“直接在HTML上搞点什么,而不用刷新浏览器”。这在当下看起来滑稽可笑,但在当时确是个大事情。传统上,当需要做点什么时,都需要网站刷新才。...jQuery 创建者 John Resig 在谈到该框架起源时说: 当开始创建这个库时候,想解决自己两个痛点: 1) 提供简单DOM接口; 2) 减少开发过程中跨浏览器问题[2] 处理跨多个浏览器...由成千上万 jQuery 代码组成大量代码库变得难以维护,又包含了非常多自定义函数,使得新上手开发者头疼不已。...因为疲于应付成千上万 jQuery 代码造成乱局,开发者们开始另寻他法。...已经彻底厌烦了 Stack Overflow 那些滥用 jQuery 和其他框架家伙。引入 jQuery 就是为了把原本 3 代码能解决问题写成 5 行吗?”

    1.4K40

    前端之变(二)- 不变前端

    分界线 认为前端变化有一个明显分界线,在这个分界线之前变化与这个分界线之后变化是不可相提并论把这两个阶段分别称之为:『前』前端 与 『后』前端 ?...负责动态能力 都依赖于浏览器,其功能被限制在浏览器范围内 不同点 『前』前端阶段,编码与产物实质是同一个类型事物,比如JQuery也是JavaScript一种。...而在『后』前端阶段,你在编码阶段,可以用最新ES标准,但产物仍然主流是以ES5为主。 为什么?...,远不能JQuery相比) 从而: 让前端初步具备了自己动态渲染数据能力 也就是你可以使用Ajax来从后端查询数据,再通过JQuery动态操作元素来渲染页面。...在『前』前端阶段,依赖于这种JS+HTML脚本式语言,你想处理复杂软件或逻辑,是非常困难与难以掌控

    61610

    MySQL深入学习第二十一篇-为什么只改一语句,锁这么多?

    要注意 c 是普通索引,因此仅访问 c=5 这一条记录是不能马上停下来,需要向右遍历,查到 c=10 才放弃。根据原则 2,访问到都要加锁,因此要给 (5,10]加 next-key lock。...根据原则 2 ,只有访问到对象才会加锁,这个查询使用覆盖索引,并不需要访问主键索引,所以主键索引上没有加任何锁,这就是为什么 session B update 语句可以执行完成。...如下 图11 所示为案例八操作序列: ? 现在,我们按时间顺序来分析一下为什么是这样结果。...在业务需要使用可重复读隔离级别的时候,能够更细致地设计操作数据库语句,解决幻读问题同时,最大限度地提升系统并行处理事务能力。...把题目重新描述和简化一下:还是我们在文章开头初始化表 t,里面有 6 条记录,图 12 语句序列中,为什么 session B insert 操作,会被锁住呢?

    81420

    前端之变(一):技术变与不变

    这也是为什么很多技术人员搞了一些年就准备退出原因所在,可能随着年龄增长,他们认为自己已经无法再跟得上这种变化了,受困于自己思维或能力,他们期望能从这种变化中逃出来,去寻找一种他们期望稳定能安心立命东西...一旦你掌握及理解了不变东西,所谓变化对你而言,可能就如同换肤一样轻易与简单。 这也是为什么国外很多优秀程序员一把年纪了还是在技术第一线。...因为当时前端技术本身不足以提供动态渲染复杂页面的技术能力 随着WEB页面越来越复杂,早期HTML这种静态页面已经完全不能适应复杂WEB页面的需要,但当时前端本身又根本提供不了动态渲染复杂页面的能力,JQuery...这种动态DOM操作虽然有一定页面操作能力,但不能应付非常复杂页面,于是由后端动态渲染页面,成为了当时主流。...所以,也时常思考,什么原因? 它改变了 是的,很显然,它改变太多了。 后端与移动端这几年技术变化不能与前端相提并论。 虽然在前几年没怎么接触后端,但等我再回到后端时,没有任何生疏感。

    39120

    在没有DOM操作日子里,是怎么熬过来(上)

    前言 在动笔写这篇文章时候,刚刚从项目中删除了最后一JQuery代码。至于我为何要这么做,请听闰土娓娓道来。前几年还在想,假如有一天,前端世界里不能再直接操作dom了,该怎么办?...但是,这样想法一开始就是错误,因为你已经用了vue作为开发框架,就不能再按照jquery思想去直接操作dom了。 当时还被笼罩在jq旧时代,可以说是被难住了。...既然vue不能直接操作dom,而我又不想完全弃用jQuery,那么请问jQuery和VueJS能否一起使用呢? 答案自然是可以。...JQuery 进行动画处理,整个过程就如行云流水般自然。...说句题外话,Vue 目的不是取代 JQuery,它是为了解决前后端分离而出现。如果没有数据变化,只是单纯样式变化,则没有必要去大费周章进行视图模型绑定,并且还不利于 SEO 优化。

    2.2K120

    JQuery 入门学习(完结)

    因为我们可以看到,鼠标移动到某一上,只有这一颜色会发生变化,我们必须知道鼠标移动到哪一上了,所以必须获得这个event对象。    ...同样,对于DOM对象event.target,也是不能使用Jquery方法。...看第一,我们会发现,event.target.parentNode认识,但为什么要把它放在$()中间?     这就涉及到DOM对象转换成Jquery对象过程。...大家用Jquery多了就会喜欢Jquery简洁,但DOM对象并不能使用Jquery方法,所以Jquery其实给了大家一个方式,能把DOM对象转换成Jquery对象,也就是把DOM对象直接放到$()中即可...于是这里就得到了点击这一商品名和价格。然后用$(event.target.parentNode).remove();把这一移除,再用append把内容加到“购物车”里。

    94410

    vue重构后台管理系统调研

    首先就要那后台管理来开刀来,现有的技术框架就是php模版+jquery+jquery插件库,大杂烩什么都有,简单说就是jquery技术栈,jquery灵活,但是代码量太大,没有太深入思想,回调,dom...但是使用jquery的话,很坑,尤其是联动效果很多时候就更坑了。实在忍受不了,普普通通一个表单,要写上1000以上代码。...进入重构,首先问题是,后端渲染,为什么要做后端渲染,因为有时候会做google统计,seo优化,之类,必须用后端渲染才,普通spa就不行了,而且语言包那一块需要去服务器拉去数据后才能生成文件,必须有后端服务做支撑...,和php,java有的一拼,几乎是一样,也支持动态路由,可匹配等,然后里面有server.js,client.js,分别打包客户端和服务端代码,首页采用服务端渲染,其他页面则采用客户端渲染。...但是这样搭载过之后,发现,后台管理系统里会有一些统计数据工具,这时候可能会引入vue图标框架,但是不能确定vue图表插件能否支持ssr 纠结之中还是放弃了,如果以后有小项目可以试一下。

    1.6K10
    领券