按钮点击不起作用和点击一次执行两次问题解决

原创 2016年08月29日 10:51:17

1.最初的时候是这种方式写的按钮点击事件,在货主部分正常显示在货运站部分点击无效

$(".descriptionLink").click(function(){        
        if($(this).hasClass("icon-down")){            
            $(this).removeClass("icon-down").addClass("icon-up").html("收起明细");
            $(this).parents(".description-total").siblings(".description-details").slideDown();
        }else{            
            $(this).removeClass("icon-up").addClass("icon-down").html("展开明细");
            $(this).parents(".description-total").siblings(".description-details").slideUp();
        }
    });
2.换了一种方式去写点击事件在货运站中才可以点击,但是会出现点击一次执行两次的情况,表现就是列表展开后立马收起

$(document).on('click','.descriptionLink',function(){        
        if($(this).hasClass("icon-down")){            
            $(this).removeClass("icon-down").addClass("icon-up").html("收起明细");
            $(this).parents(".description-total").siblings(".description-details").slideDown();
        }else{            
            $(this).removeClass("icon-up").addClass("icon-down").html("展开明细");
            $(this).parents(".description-total").siblings(".description-details").slideUp();
        }
    });
3.后面查了一下按这种方式来写,阻止第二次点击,显示正常,查了下这个是因为JQ事件委托导致点击事件多次执行,解决的办法就是对点击事件解绑,也就是off()

$(document).off().on('click','.descriptionLink',function(){        
        if($(this).hasClass("icon-down")){            
            $(this).removeClass("icon-down").addClass("icon-up").html("收起明细");
            $(this).parents(".description-total").siblings(".description-details").slideDown();
        }else{            
            $(this).removeClass("icon-up").addClass("icon-down").html("展开明细");
            $(this).parents(".description-total").siblings(".description-details").slideUp();
        }
    });




版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

单选按钮点击一下触发两次事件

刚刚在项目中发现,切换单选按钮,却触发两次点击事件;如下图所示这里触发了两次事件,然后调用了两次接口: 百度了一下,没找到答案,然后还是谷歌靠谱,简单来说,就是因为点击label的时候,事件冒泡一次...

解决Button多次点击重复执行方法的问题

NSInteger _currentClickNum; //Save the current value of the tag button is clicked //Button click eve...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

jquery click点击一次执行两次解决方法

$('#sub').unbind('click').click(function () { ... });

js判断两次点击是否是同一个对象

window.onload=function(){ function getId(id){ return document.getElementById(id); } ...

一个按钮点击两次触发不同事件

btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { b = !b; ...

iOS开发中按钮多次响应问题解决方案

iOS开发中按钮多次响应问题解决方案本文主要介绍在iOS开发中, 关于按钮多次快速点击, 响应多次的问题, 其实大多数时候我们希望按钮的响应事件只执行一次, 尽管我们快速点击按钮, 但是还是希望只响应...

SpringMVC的JSP页面中中EL表达式不起作用的问题解决

今天,我在写SpringMVC代码的时候遇到了一个问题,就是在jsp页面中使用el表达式取值,取不到值,但是使用jsp中嵌套java代码可以取到值。

Android中使用WebView全屏播放视频时home键不起作用的问题解决

最近几天客户有个需求:无论在什么情况下,按home键都要回到app的首页,其他情况都已经实现,但在Webview中全屏播放视频时,按home键回到app首页。这个问题困扰我很长时间,因为home键是系...

struts2中validator配置文件验证不起作用的问题解决办法、根源

在采用struts的xml配置方式校验数据时,发现怎么也不起作用。无法按照正常流程,走到input指向的页面。 一   问题的解决 很多博客说明了自己查找的方式,最后都指明了是因为配置文件格式不正确的...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)