jq动态生成标签后无法监听

最新推荐文章于 2021-07-07 15:58:41 发布
最新推荐文章于 2021-07-07 15:58:41 发布
阅读量157 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/u/2402401/blog/690942
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

如题所示，在做一个项目的时候碰到上述问题。

在网上查了一下jq绑定事件的方法，有四种，分别是live,delegate,bind和on方法。

但在jq1.7以下用on代替了live,delegate和bind方法，上述四种方法的区别用法可再查阅。

最终方案，用on可解决此问题

 

转载于:https://my.oschina.net/u/2402401/blog/690942

weixin_33691700
关注
Jquery 实现动态监听select标签，并修改属性和 实时监听input的值 input propertychange
Caroline_Yang的博客
11-28 6102
<select id="select_id" name="condition"> <option id="order_id" value="order_id">订单号</option> <option id="order_time" value="order_time">下单时间</option> </select...
jquery动态生成树
08-08
本示例代码“jquery动态生成树”是关于如何利用jQuery和相关技术，如Struts2、treeview插件及JSON数据格式，来动态地在网页上构建一个可交互的目录树结构。 首先，让我们详细了解一下每个组件的作用： 1. **jQuery...
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
11-29
遇到 jquery无法为动态生成的元素添加点击事件，谷歌一下，整理一下解决方法如下： （中间的元素是动态生成的）， 现在想为添加点击事件， 例子如下： 这是元素内容 //i是动态生成 解决方法如下： $[removed]('click', '.icon', function(e) { alert('i添加点击事件成功'); }); 以上就是小编为大家带来的jqu
Jquery学习-用Jquery添加一个按扭后无法动态对该按扭实行监听解决方法
weixin_30685029的博客
07-18 61
好久都没有接触Jquery了。以前学过一段时间Jquery，这些天又温习了起来。Jquery的语句很美。用Js几行甚至要十几行才能做到，用Jquery一行到几行就可以做到了。虽然他牺牲了一点时间效率，但就对于简单的网页脚本处理或者简ajax处理，牺牲的这一丁点效率真是不足为挂。 但Jquery还是有一些问题得用Js来解决的。说说我这些天遇到的这个问题：在Jquer...
js/jq 动态添加的元素不能触发绑定事件解决方案
探索丶挑战丶突破
07-21 1446
&lt;!-- Copyright 2017-10-27, Jachin QQ: 381558301 Email: 381558301@qq.com 请看看你们的版本并对号入座： jquery1.6版本以下都不支持on委托事件 jquery1.3 至 jQuery1.8版都支持live委托事件 jquery1.9 以后的版本不支持li...
js动态生成的元素无法触发插件的监听事件解决办法
weixin_42935688的博客
09-29 1183
一般插件绑定元素的写法 $('.dtOver').datePicker({}) 动态生成的元素绑定的写法 $('.dtOver').on('focus',function(){ $(this).datePicker({}); }) 这里jquery$.on(’’)提供了对动态生dom元素的解决办法 ...
jquery中对动态生成的标签不会响应click事件
xautjzd小天地
11-22 1294
参考：http://my.oschina.net/lishixi/blog/31612 query中对ajax动态生成的html标签不会响应 $(selector).click(function.. 或者$(selector).bind('click',function.., 需要用.live 事件委托 .live() 方法能对一个还没有添加进DOM的元素有效，是由于
jq input标签生成
06-12
首先，我们需要创建一个HTML结构，包含一个input元素和一个用于显示生成标签的区域。这个input元素可以设置type为"text"，并结合datalist元素以提供下拉选项： ```html <!DOCTYPE html> <title>jq input标签...
jQuery实现获取动态添加的标签对象示例
12-29
本文实例讲述了jQuery实现获取动态添加的标签对象。分享给大家供大家参考，具体如下： jquery无法直接给网页里面动态添加点击事件，并且获取到对象 一般来说，js获取动态添加的组件都是自定义给标签添加上onclick...
jq生成二维码插件
02-26
4. **事件处理**：某些插件可能支持监听二维码生成或扫描的事件，这可以用于实现更复杂的交互逻辑，比如在用户扫描二维码后执行特定的操作。 5. **兼容性**：确保插件在不同的浏览器和设备上都能正常工作，包括移动...
Radio 单选JS动态添加的选项onchange事件无效的解决方法
11-27
//记一个问题（已经解决2016.5.5） //在公司项目中遇见一个添加单选项的需求，采用ajax一步请求。为节约资源添加后不刷新网页，js动态改变页面 //当选择到动态添加的单选项，执行绑定事件 radio 单选JS动态添加的选项,onchange事件无效。使用delegate（）函数可以解决该问题！！！ delegate(): delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。 语法 $(selector).deleg
解决jquery重复监听失效
weixin_30451709的博客
08-02 310
在同一页面，当使用多次监听时，有时会出现监听失效，页面无报错提示等现象； 这时应该考虑是否监听出现问题，下面提供一种当页面出现多次监听，而其中监听失效的情况下解决方法： jQuery live( type, fn ) 委派事件实现 ---------------------------------------- 与bind()不同的是，live()一次只能绑定一个事件。 这个方法跟传统...
jquery 动态生成html后事件不触发
xiao__C的专栏
07-15 1618
最近写页面，需要在脚本动态触发的html元素上绑定事件，结果发现绑定的事件不会触发，在这里记录一下。 使用jquery的live()函数，重写响应逻辑： $(“.get_comment”).live(‘click’, function() { var mid = $(this).attr(“mid”); alert(mid); }); 这时候，jquery可
jquery on函数监听动态添加的元素
东语的专栏
12-15 2209
支持给动态元素和属性绑定事件的是live和on，其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on，使用on的时候也要注意，on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等，可以放在on的第二个参数里面。 案例如下： <!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"&g
radio监听事件 不生效问题
tiandeyang的博客
07-07 775
历经千帆皆不是 斜晖脉脉水悠悠 $('input[type =radio][name= radioName]').on('ifChecked', function(event){ //获取值 var test = $(event.target).val(); console.log(test) });
Jquery监听动态添加的标签
yepp13的博客
05-22 1340
Jquery监听动态添加的标签需要用 $(‘父标签’).on(‘click’, ‘子标签’, function(){}) 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除...
checkbox jq 监听 动态生成checkbox并添加监听事件
最新发布
07-13
你可以使用以下方法来动态生成checkbox并添加监听事件： 首先，确保你已经引入了jQuery库。 然后，你可以使用`.append()`方法将checkbox元素动态添加到页面上的某个容器中。在每次生成checkbox时，为其添加一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值