JQuery点击事件会重复点击的问题

在用JQuery写点击事件的时候，如果循环动态的调用某个页面，就会很容易出现某个点击事件你点击一次而它自己会执行多次的情况：

对应的解决办法就是对点击事件进行解绑，

也就是在下一次执行的时候对上一次的时间进行解绑，代码如下：

$("#itemTable .items .itemUl .itemTitle").unbind('click').click(function () {
                if($(this).parents('.itemUl').find('.itemList').css('display')==="none"){
                    $(this).attr("src","img/spread.png");
                    $(this).parents(".itemUl").children(".itemList").show();
                }else{
                    $(this).attr("src","img/forward.png");
                    $(this).parents(".itemUl").children(".itemList").hide();
                }
           });

其中unbind('click')方法就是对时间的解绑。

JQuery点击事件会重复点击的问题相关推荐

android kotlin类内绑定事件,Android kotlin 点击事件防重复
利用kotlin的拓展函数和拓展属性轻而易举实现点击事件防重复: 新建一个kt文件,复制以下代码: inline fun T.singleClick(time: Long = 800, crossin ...
动态创建表格给同一个标签创建点击事件并让点击事件操作内容不一样
动态创建表格给同一个标签创建点击事件,每个点击事件操作的元素不一样. 现在有这样的需求,点击"查看详细"显示或隐藏标签.要实现这样的效果就要给点击标签添加两个属性,一个属性是nam ...
【Qt串口调试助手】1.3 - 重写ComboBox下拉框的鼠标点击事件，实现点击下拉框扫描可用串口
由于ComboBox没有鼠标点击信号,所以如果想实现点击下拉框响应,需要重写ComboBox下拉框的鼠标点击事件.在点击事件中,添加扫描可用串口代码,实现点击下拉框时重新扫描串口.并且下拉框内容输出端 ...
vue中父元素点击事件与子元素点击事件冲突
vue中父元素点击事件与子元素点击事件冲突在做vue项目的时候,遇到子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢?这就用到vue事件 ...
vue子元素点击事件与父元素点击事件冲突子元素点击事件不触发
在vue项目中,子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢? 解决方法:使用vue中的事件修饰符 vue为 v-on 提供了 .st ...
vue中echarts的点击事件,给当前点击的柱状图修改背景色
最近项目中需要使用到echarts,需要实现点击柱状图时,修改当前点击的柱状图背景色,且没有阴影背景的效果 (如下图) 这样的话,需要给eharts添加click点击事件,直接贴代码: html: & ...
Compose 手势事件:防止重复点击,双击,长按,全局触摸隐藏键盘
前言 JetPack Compose (后续简称compose) release版已经出来了三四个月了,虽然没正式版之前也学过几次,但一直没有机会用,在加上api的变更,导致之前学的都忘完了,现在终于 ...
jq点击事件第二次点击会出现两次点击依次累积
jquery click 不是替换原有的function ,而是接着添加,所以才会执行次数越来越多. 所以,可以在绑定click函数之前,先解绑或者说是移出以前绑定的click,然后再添加绑定.记录一 ...
React AntV/G2Plot环形图Pie添加点击事件，即点击图环触发获取相关数据。
步骤: 1.添加相关依赖,引入AntV/G2Plot图表组件 2.添加配置项 3.添加点击事件方法(关键部分:在onReady={onReadyPie},onReady是图表渲染完成执行回调方法,在该 ...

JQuery点击事件会重复点击的问题

JQuery点击事件会重复点击的问题相关推荐

最新文章

热门文章