JQuery 给元素绑定click事件 多次执行

最新推荐文章于 2024-04-19 15:57:39 发布
最新推荐文章于 2024-04-19 15:57:39 发布
阅读量740 收藏
点赞数
文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zgyhh/article/details/27550991
版权

原绑定方法：


$("#sdfsd").on("click",function(e){  *****   });


这种方法只会在原click方法中继续添加新方法；


解决办法更改绑定方法为：

$("#sdfsd").unbind("click").click(function(e){  *****   });


在绑定新click方法前对元素所绑定的click方法解绑


起點ing
关注
JQuery给元素绑定click事件多次执行的解决方法
10-25
然而，在编程过程中，我们可能会遇到一个问题，即元素的`click`事件被多次绑定，导致点击时事件处理函数被执行多次，这通常是由于多次调用事件绑定代码或动态添加元素时没有正确处理事件引起的。本文将深入探讨这个...
用jQuery动态给class的元素绑定click、blur、keyup.....事件
tongtongsong的博客
07-06 1万+
在添加更多一行的时候所产生的 input 和 button 都是动态生成的，所以不能使用 click，要使用 live (jquery 1.7.2 之后的版本不建议使用 live) 或 oneg:把 $(".Btn").click(function(){});  改为 $(".Btn").live("click",function(){});或者$(".Btn").on("click",funct...
(Jquery)解决通过class操作click函数时点击失效问题
最新发布
Tuimaohenyouya的博客
04-19 272
解决当点击子类button时，click函数并不执行的情况。
jQuery给多class元素添加点击事件
Lcl1562871004的博客
12-07 1万+
<button class="but1 btn2">按钮</div> 我想给上面的按钮添加点击事件，于是我在jQuery里这样写 $('.btn1.btn2').on('click',function(){ alert('按钮已点击') } 但是经过测试，并没有什么用，经过查询前辈们的经验，我换成了下面这样的写法 $('body').on('click','.but1...
jquery class点击_jq: 属性-class
weixin_42372722的博客
01-30 458
.aadClass() 添加class用法和前面的text方法一样，可以传字符串，可以传函数。值用空格隔开可以增加多个class<div>给我安排class</div> <div>给我安排class</div> <script src="http://code.jquery.com/jquery-3.4.1.js"></script...
jQuery给class绑定事件
缄默大叔
05-22 6239
jQuery
JQuery 给元素绑定click事件多次执行的解决方法
10-25
总结，解决jQuery元素click事件多次执行的问题，可以采用解绑再绑定、使用命名空间或事件代理等策略。选择哪种方法取决于具体的需求和场景，如是否需要保留其他事件处理器，或者元素是否是动态生成的。正确管理事件...
Jquery on方法绑定事件后执行多次的解决方法
10-22
这样，即使之前已经绑定了多次事件处理器，每次也只会保留最后一次绑定的处理器，从而避免事件处理器执行多次的问题。 以文章中提供的示例代码为例： ```javascript $(function(){ $(".add").click(function(eve)...
jquery的click事件缺陷,虽然绑定的class但是在ajax拼接刷新后点击事件竟然不起作用。
cienven的博客
01-30 2665
今天我在制作自己的个人博客的时候，发现了一个jquer的问题，虽然页面在第一次加载时点击事件生效了，但是在点击下一页后，触发function中先是清除掉enter_article对应的标签，然后重新建了一个enter_article，就在这时候，js点击事件就不起作用了。 所以在用ajax拼接html时，如果有点击事件最好用onclick这样就没什么问题了。 //这里是我拼接的html文本，注
jQuery绑定click事件，特殊效果，链式调用
a1209849629的博客
04-14 485
绑定click事件 给元素绑定click事件，可以用如下方法： $('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery对象用 $(this) }) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t...
jQuery jQuery样式操作、click事件绑定
guoqingru0311的博客
08-23 479
jQuery jQuery样式操作样式操作1、获取样式属性与操作样式属性2、操作样式类名3、click事件绑定4、使用.toggleClass切换类样式 1、获取样式属性与操作样式属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery样式操作</title> <script type="text/j
对jquery新增加的class绑定事件 jquery 对相同class 绑定事件
weixin_34226706的博客
06-25 1271
　　当页面加载时，就会注册所有的事件，后面通过jquery新增的内容（&lt;div class="item"&gt;&lt;/div&gt;），再对新增的添加事件$(".item").click(function(){})；页面是不会执行的，   由于jquery1.9后的版本已经把live()方法删除了，所以最好使用on()方法： $(document).on("click",".item",
jquery实现根据不同class为多个按钮添加点击事件
远走的兔子博客
05-24 5378
一、实现功能
jQuery 中$('.classname').on('click',function(){});与$(document).on('click','.classname',function(){});
csdnluolei
01-10 2265
$('.classname').on('click',function(){}); 该方法只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事件的 $(document).on('click','.classname',function(){}); 该方法将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，也能触发此事件...
jquery点击加class再次点击移除添加的class
龚清林的博客
10-12 7289
toggleClass方法可以实现对某一class进行添加、删除操作。示例： html：<li class="li2 "> <a href="javascript:;" onclick="collectGoods({$data.goods_id})" id="collect_btn"> <i class="icon {if $dat
$(".class").click(function(){})失效
u012404532的博客
06-12 2572
学习JS与jQuery结合做图片轮播效果，参考别人的代码，使用到了$(".class").click(function(){})，但是别人的demo可以正常运行，自己写的就不生效参考的demo自己写的必须将事件添加到href中去才能生效仔细检查之后,发现是页面加载的问题，所以将js代码移到HTML页面的最下方，就是等待页面元素全部加载后在执行js,问题解决。不过如果一定要将js写在前面，那么可以使...
jQuery中的class操作
sinat_25017107的博客
09-14 4705
在jQuery中，对于元素的属性操作相对于JavaScript来说代码要简单很多，这次主要介绍几个常用的jQuery中的属性操作。 首先先写一个简单的盒子出来用作案例演示： 这个是html的部分，构造了一个盒子和几个用于点击事件的按钮：<body> <button>添加一个红色背景</button> <button>移除红色背景</button> <button>判断有没
jquery 调用 click 事件 的 三种 方式
热门推荐
安德里亚的成长
01-31 10万+
第一种方式： $(document).ready(function(){ $("#clickme").click(function(){ alert("Hello World click"); }); 第二种方式： $('#clickmebind').bind("click", function(){ alert("Hello World bind
jQuery事件绑定详解：从简单绑定到委托事件
`on`方法还可以接受多个事件类型，允许一次绑定多个事件。 另外，`jQuery.fn.bind`是早期版本中用于事件绑定的方法，类似于`on`，但功能相对简单。例如，`$("#chua").bind("click", fn)`，它直接将事件绑定到选择器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值