JQuery给元素绑定click事件多次执行的解决方法

原绑定方法:
 $(".subNavdiv").click(function () {
######
});
这种方法只会在原click方法中继续添加新方法; 

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

$("#sdfsd").unbind("click").click(function(e){
######
});
在绑定新click方法前对元素所绑定的click方法解绑 
时间: 2024-10-19 12:34:45

JQuery给元素绑定click事件多次执行的解决方法的相关文章

动态生成DOM元素绑定click事件无效问题

在页面里,jq动态生成dom节点,该节点的click事件无效. 如,html里动态添加class名为.del的<a>, js文件中: $('.del').bind('click',fuction(){ alert('sda'); }) 不响应, 网上说可以用live代替bind事件,但在jq1.7版本开始,就取消了live事件, 解决方法: on()事件 代码改为: $(document).on('click','.del',fuction(){ alert('sda'); }) 这样就搞定了

jquery单选框radio绑定click事件实现和是否选中的方法

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<input type="radio" name=&

jquery中on绑定click事件在苹果手机失效的问题

因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下: $(document).on("click",".next_button",function(){ alert(); });

给DOM元素绑定click事件也有学问

最简单的莫过于使用click方法:名仕娱乐城 <input id="btn" type="button" value="BUTTON" onclick="alert(1)"/> <script> var btn = document.getElementById('btn'); btn.click(); </script> 所有浏览器都弹出了1.但是如果把input换成div呢? <d

关于jquery中on绑定click事件在苹果手机失效的问题

用一个div当做了一个按钮来使用. <div class="button"> <div class=" next_button button_left btn_red" style="width: 345px;"> 下一步 </div> </div> 因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下: $(document).on("click",&quo

ios微信浏览器click事件不起作用的解决方法

$(document).on( "click", ".weui_cell", function (event) {alert(); }); JS代码是这样的,html代码是动态追加进去的,click事件在苹果手机没作用,在安卓和pc端事件完全正常 经过一番搜索,解决方法也很奇葩,只需在html代码中添加onclick=""   就可以了,记录下来 ,让后面看到的人少走弯路 如:<div class="weui_cell"

用on给动态添加的元素绑定hover事件,没有生效的解决

1.需求:经常要动态加载dom节点,加载之后的节点当然也会有一些绑定事件的需求,今天给一个事件绑定hover,用jQuery,竟然没有生效.先上没有生效的代码 $('ul.course_lists').on('hover','li',function(){ // mouseenter dosomething },function(){ // mouseleave dosomething }); 2.问题出在哪里了? on函数传的参数不对?查查文档呗,我看或不看他,他都在那里,我看他,或许可以帮助

jQuery-介绍 加载 选择器 样式操作 属性操作 绑定click事件

jQuery - 介绍 加载 选择器 样式操作 属性操作 绑定click事件 注意:以下部分问题不能实现效果,因该是单词拼写错误(少个t)或者没有加引号(“swing”)... jquery介绍 jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. jQuery的版本分为1.x系列和2.x.3.x系列,1.x系列兼容低版本的浏览器,2.x.3.x系列放弃支持低版本浏览器

JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题

javascript 点击事件执行两次js问题 在JQuery中存在unbind()方法,先解绑再添加点击事件,解决方案为: $(".m-layout-setting").unbind('click').click(function(){ //此处填写逻辑代码 }) ------ 因为利用js在页面加载后添加需要点击事件的代码,发现在点击后会代码会执行两次,因为有toggle效果,导致弹窗出现又很快丢失 查了一些资料,发现这是冒泡的原因,需要在点击事件代码中加入阻止冒泡的方法: e.s