jq给未来元素添加事件

最新推荐文章于 2023-08-01 23:37:25 发布
最新推荐文章于 2023-08-01 23:37:25 发布
阅读量236 收藏
点赞数
文章标签： web jq 未来元素
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fhycll123/article/details/102893597
版权

给一个动态添加的元素绑定事件，一定要把动态添加的元素写在on里面，例如

$(".list").on("tap", "li .imageup", function() {
        // 要做的逻辑处理
})

如果写成这样就错了

$(".list li").on("tap", ".imageup", function() {
        // 要做的逻辑处理
})

FHY披荆斩棘
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery为元素绑定事件
chenqiuqian的博客
07-27 2761
这是bind链式方法，方法.bind(“事件名字”，事件处理函数).bind(“事件名字”，事件处理函数).bind(“事件名字”，事件处理函数)这个方法跟前面的几个方法有些不一样，这个是给父元素绑定事件，方法父元素.delegate(“事件名字”，“子元素”，事件处理函数)。这是键值对方法，方法.bind({“事件函数”事件处理函数，“事件函数”事件处理函数，“事件函数”事件处理函数})这是bind方法，方法bind(“事件名字”，事件处理函数)；为元素绑定事件的几个方法。...
JQ实现向动态元素添加事件
华丽的开幕
06-05 6165
最近做的工作需要添加微信统计，然后页面里是动态添加的模拟对话，需要给动态添加的元素添加点击复制事件。 第一就想到了JQ的bind事件，可是经过测试发现，bind事件不能给动态添加的元素进行事件添加，不能放弃啊，继续探索，终于功夫不负有心人，发现on事件可以实现这个效果。废话不多说，上代码： <!DOCTYPE html> <html> <head> ...
JQ 为未来元素添加事件处理器—事件委托
weixin_30823227的博客
03-15 511
随着DOM结构的复杂化和Ajax等动态脚本技术的运用，有了较多的动态添加进来的元素，直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到，在这里就需要用到事件委托方法，JQ为事件委托提供了live（）、dalegate（）和on（）方法。 事件委托 我们知道，DOM在为页面中的每个元素分派事件时，相应的元素一般都在事件冒泡阶段处理事件。在类似 body > div &...
jQuery 中 on 方法-----给未来元素添加事件
weixin_30832143的博客
10-16 124
<li class='clear dir-li'> <div class='left title'>　添加到目录：</div> <div class='left item' id='dir-ctrl-dv'> <if condition="$dirs neq ''"> &...
jq中如何对未来元素绑定事件
wuxiang0123的博客
12-18 677
在jq中用on 对未来元素绑定事件 对未来元素绑定，不可以用bink，虽然可以用live代替但是jquery的版本,根据官方文档，从1.7开始就不推荐live和delegate了，1.9里就去掉live了。 下面就是简单的一串代码，用on 来对未来元素进行绑定` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont
jquery-给未来元素添加事件
weixin_67993323的博客
09-23 1316
delegate()
jquery动态添加元素事件失效问题解决方法
10-25
总之，jQuery的`on()`方法是解决动态添加元素事件失效的关键，它通过在静态父元素上监听事件并转发给动态子元素，实现了对动态内容的事件处理。合理使用`on()`方法，能够帮助我们创建更加动态、响应式的Web应用。
jQuery中对未来的元素绑定事件用bind、live or on
12-03
对未来的元素绑定事件不能用bind， 1、可以用live代替，但是要注意jquery的版本,根据官方文档，从1.7开始就不推荐live和delegate了，1.9里就去掉live了。 2、推荐用on代替(注：1.7及以上的版本才支持)。用法：on...
解决jQuery使用append添加的元素事件无效的问题
10-18
`on`的一个关键特性是它能够处理当前存在以及未来可能被添加到DOM中的元素的事件。 基本的`on`方法语法如下： ```javascript $(selector).on(event, childSelector, function(eventData, handler)); ``` 在这里，`...
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
11-21
例如，要为动态生成的`<button>`元素添加点击事件，可以这样写： ```javascript $('div').on('click', 'button', function(){ console.log('start'); }); ``` 在这个例子中，`div`作为父级元素监听点击事件，当...
jquery 为未来元素绑定事件
lfkabb的博客
02-14 2132
今天要讲的是jquery 为未来元素绑定事件，做了一个页面，因为元素都是通过ajax请求得来渲染的，故称未来元素。之前没有进行特殊操作，就当一般元素来写事件，但却没有效果。代码如下： html 主要部分： &lt;div class="box"&gt;&lt;/div&gt; &lt;script id="t1" type="text/...
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
商务合作 / 项目定制开发 / 前端一对一培训、答疑
09-22 320
本次课涉及内容有： 1、官方推荐的绑定事件的方式on关键字 2、事件对象event 3、JQ的滚动条事件 4、JQ的盒模型表示
JQ给未来元素添加事件
li3196672779的博客
06-16 1342
$(function(){ $('#btn').click(function(){ var h1 = document.createElement('h1'); h1.innerHTML='他们又坐下了'; $('#box').append(h1); }) // $('h1').click(function(){ // alert('你说
Jquery绑定事件的方法
zybijiso666的博客
08-01 918
delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。规定当事件发生时运行的函数(监听函数)，可传入event对象，这里的event是jQuery封装的event对象，与原生的event对象有区别，使用时需要注意。添加一个或多个事件处理程序到当前或未来的被选元素。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。，包含要添加到元素的一个或多个事件，以及当事件发生时运行的函数。
jQuery动态绑定事件的方法（超详细）
zy1992As的博客
03-08 5031
以上只是一些常用的jQuery动态绑定事件的方法，jQuery还提供了许多其他方法来处理事件，如.keydown()、.keyup()、.submit()等等。1..on()：这是一个通用的事件绑定方法，可以用于任何事件类型，包括自定义事件。4..delegate()：这是一种早期的事件委托方法，已被.on()取代。5..live()：这是一种早期的事件委托方法，已被.on()取代。3..bind()：这是一个早期的绑定方法，它允许绑定多个事件处理程序，但已被.on()取代。
mui ul中的li点击事件
baidu_24743861的博客
10-31 2810
mui("ul").on('tap','li',function(){ var topicId =this.getAttribute("id"); //console.log("点击事件id=="+topicId); });
JQuery 动态生成元素添加点击事件
sayyy的专栏
11-26 7968
页面代码 <html> ... <body> <div id="divBox"></div> <script> $(function(){ $("#divBox").append("<img class='preview_image' src='/img/preview1.jpg' />"); $("#divBox").append("<img class='preview_image' src='/img/pre
jq 给未来元素绑定事件
生命不息，学习不止！
04-27 7297
随着DOM结构的复杂化和Ajax等动态脚本技术的运用，有了较多的动态添加进来的元素，直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到，在这里就需要用到事件委托方法，JQ事件委托有三种方法live（）、dalegate（）和on（），不过现在live（）、dalegate（）因为弊端已经被淘汰掉，现在我们主要给未来元素绑定事件的方法就是on()。 on()方法进行事件委托(...
为未来元素添加点击事件的两种写法
weixin_33910137的博客
03-01 439
哈哈哈，小七来了，对于经常搬砖撸代码的猴子们，一定会遇到给好多li（死的还是动态字符串拼接生成的（对未来元素添加不到事件的看之前写的事件委托））添加点击事件 第一种： var index=0; for(var i=0;i<li.length;i++){ li[i].index=i;//必须的 li[i].onclick=function(){ alert(1) } } ...
jq给动态插入iframe添加点击事件
最新发布
02-01
使用jQuery给动态插入的iframe添加点击事件的方法如下： 1. 首先，需要先动态插入iframe元素到文档中。可以使用jQuery的append()方法，将iframe元素添加到指定的父元素中。例如： ```javascript var iframe = $('...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值