jquery 为动态生成元素绑定事件

最新推荐文章于 2023-03-08 14:46:38 发布
最新推荐文章于 2023-03-08 14:46:38 发布
阅读量404 收藏
点赞数
分类专栏： WEB
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_16493273/article/details/47397671
版权


在做图片删除操作，图片都是ajax异步上传后，然后回显到页面，动态生成html标签，
每个图片对应一个生成的删除小按钮，为小按钮绑定事件，用传统的方法
$("div.del").click(function(){})是无效的，因为bind方法只对加载好的元素定义事件，
后来生成的元素可以用jquery.live()方法进行事件绑定，看了jquery文档发现live方法在
1.7版本后过时，替代者是on方法
所以可以用
$('div.del').on('click',function(){//处理图片的删除})来绑定事件
曹朋羽
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery给动态生成的元素绑定事件
twscsdn的博客
03-31 133
<td> <div class="option_all"> <input type="text" name="option[]" class="input"> <volist name='data.option' id='v'> <input type="text.
JQuery为动态元素绑定事件
三明治文鱼的博客
07-27 1847
在前端开发的时候需要一个场景需要为使用AJax动态加载出来的元素绑定一个popup事件，但是发现如果直接在js代码中打开要动态加载的元素的popup的功能无效。本文讨论了出现的原因及解决办法。
jQuery-on()给动态生成元素绑定事件
ab_er的博客
07-14 1658
jQuery事件处理 on()绑定事件
jQuery动态绑定事件的方法（超详细）
zy1992As的博客
03-08 4846
以上只是一些常用的jQuery动态绑定事件的方法，jQuery还提供了许多其他方法来处理事件，如.keydown()、.keyup()、.submit()等等。1..on()：这是一个通用的事件绑定方法，可以用于任何事件类型，包括自定义事件。4..delegate()：这是一种早期的事件委托方法，已被.on()取代。5..live()：这是一种早期的事件委托方法，已被.on()取代。3..bind()：这是一个早期的绑定方法，它允许绑定多个事件处理程序，但已被.on()取代。
jQuery动态生成的元素如何绑定事件
无痕之意的博客
10-09 3万+
 这段时间在写代码的时候遇到一个问题，通过append()添加的节点，点击事件不起作用。当时我百思不得其解，各种找错都没找到错误的原因。后来才发现是动态生成节点的问题，还是自己没有经验啊。   下面来总结一下这个问题的始末，温故而知新。  先看下click绑定事件的效果。 &amp;amp;amp;lt;div&amp;amp;amp;gt; &amp;amp;amp;lt;p&amp;amp;amp;gt;a&amp;amp;amp;lt;/p&amp
jQuery-为动态添加的元素绑定事件
热门推荐
H小志
08-11 7万+
在使用jquery的方式为元素绑定事件时，我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件。像需要用ajax的方式请求远程数据来动态添加页面元素时，显然以上几种绑定事件的方式是无效的。$("#searchMoveVideoResult ul li").bind("click",function(){ $(this).css("border","5px solid #000
(jQuery)动态生成的元素绑定事件
Waghhhh的博客
09-10 911
例如，在一个需要数据的表格中。 <body> <div class="btns"> <button class="login">登录</button> <button class="load">加载</button> <button>新增</button> </div> <!-- 表格div --> &lt
jQuery给动态添加的元素绑定事件的方法
12-29
本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下： jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要...
jQuery为动态生成的select元素添加事件的方法
10-21
下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jquery html动态添加的元素绑定事件详解
10-22
下面小编就为大家带来一篇jquery html动态添加的元素绑定事件详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery动态生成的元素绑定事件操作实例分析
10-17
主要介绍了jQuery动态生成的元素绑定事件操作,结合实例形式分析了jQuery事件绑定的原理及动态生成的元素绑定事件相关操作技巧,需要的朋友可以参考下
js中的事件委托机制(解决动态生成的dom元素无法绑定事件的问题)
lqx_sunhan的博客
03-05 5742
我们知道，在使用一些插件获取服务器数据然后动态渲染dom元素后，渲染的dom元素是无法绑定事件的,因为我们写的js是在一开始就渲染好了的，所以后面生成的dom是没办法找到的。解决方法:1.生成Dom时把js脚本在写进去一次(舍弃，不可能这么麻烦)2.使用js的事件委托机制.意思是由一个元素监听他的子元素所发生的事件，这样，就算是生成的元素也可以生效.例子:<div style="display: f
解决jquery动态创建元素绑定事件失效问题
weixin_30455365的博客
12-15 234
存在问题 在我们使用jquery动态创建元素后往往会遇到一些问题，如： 给.button按钮绑定了点击时间，执行alert:(1); 点击事件代码如下： <script>$("#add").click(function(){ var btn='<input type="button" class="button" value="del" >'; $("#bo...
jQuery学习笔记之给动态生成元素绑定事件
小康子的博客
11-10 3957
jQuery动态绑定元素事件
jq给动态生成的元素绑定事件
叶遮沉阳的博客
05-04 4180
经过实验， $(selector).on(event,childSelector,function),这种写法，确实可以。 但$(selector).on(event,function)不可以。 //不可以 window.onload = function() { $( "body>p" ).on( "click", function() { $( this ).after( "<...
JQuery给动态生成的DOM元素绑定点击事件
qj30212的博客
08-31 5638
最近做项目的时候，使用ajax调用后台数据来动态生成页面内容。然后在给那些内容绑定一个点击事件的时候，发现点击竟然无效了。原因是：ajax有个请求时间，无论是同步还是异步，JQuery进行的绑定都会在页面加载完后立刻进行，而不是等待ajax请求完。也就是说，绑定的元素绑空了。那这个问题怎么解决呢。方法如下： 在动态生成的时候绑定一个函数，并把对象传进去，如： strhtml = str
JS、JQuery给动态生成的元素绑定点击事件
guopiaowanan的博客
12-04 546
标题JS、JQuery给动态生成的元素绑定点击事件 错误写法： 该写发无效 $(selector).click(function(){ }) 正确写法： selector_parent: 这个选择器对应的元素需要在HTML中存在， $(selector_parent).on('click','selector',function(){ }); ...
jquery给动态添加的元素绑定事件
industry2018的博客
03-06 7600
JQuery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态添加的元素绑定事件;在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况:例如:&lt;div id="testdiv"&gt;&lt;ul&gt;&lt;/u...
jQuery中绑定创建元素上的事件
最新发布
07-13
在jQuery中，可以使用on()方法来绑定在创建的元素上的事件。具体步骤如下： 1. 首先，选择一个已存在的父级元素，可以是文档的根元素或者任何父级元素。...通过这种方式，可以实现对动态创建元素的事件绑定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值