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

原创 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();
        }
    });




[IOS]几种按钮失效的情况

1.按钮的位置不对实际上并不是按钮失效了,而是按钮的位置设置错误,并没有点击到按钮上。解决方法:可以给按钮设置上颜色,或者输出按钮的位置,检查位置是否设置对了。 2.按钮的Size为{0,0}与上面所...
  • KuroKito
  • KuroKito
  • 2015年12月26日 14:05
  • 3663

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

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

关于Button点击两次才响应事件相关问题

本文来自http://www.cnblogs.com/xiaoweiz/p/3833079.html       首先我们来看看touch mode的定义。它是用户和手机进行交互时view层次结...
  • qidingquan
  • qidingquan
  • 2016年04月28日 17:19
  • 1996

点击按钮一次,请求两次问题解决

把代码: $("#conmmitBtn").click(function() {}); 改成: $("#conmmitBtn").off().on('click',function() {...
  • wangweiscsdn
  • wangweiscsdn
  • 2017年03月02日 15:50
  • 623

javascript 点击事件执行两次js问题

因为利用js在页面加载后添加需要点击事件的代码,发现在点击后会代码会执行两次,因为有toggle效果,导致弹窗出现又很快丢失 查了一些资料,发现这是冒泡的原因,需要在点击事件代码中加入阻止冒泡的方法...
  • u011085172
  • u011085172
  • 2017年08月25日 15:20
  • 1239

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

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

Android Button按钮点击两次之后,才执行点击事件的操作。

在我的项目里有个页面同时存在 一个EditText和一个Button。如图。 由于每次进入这个页面都弹出软键盘,所以我在这个提交订单页面的AndroidManifest.xml中声明...
  • ndscuw
  • ndscuw
  • 2016年07月02日 15:17
  • 4223

asp.net中Button按钮点击两次才执行Onclick事件的原因

今天写了一个简单的聊天室,有登录页面和聊天室,当从登录页面跳入到聊天室过后,却发现要点击两次发送按钮才能发送到显示区,然后发送按钮正常运行。       通过不断测试,发现,第一次点击并没有执行...
  • linshichen
  • linshichen
  • 2016年04月20日 11:26
  • 1229

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

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

click点击一次,执行多次的bug

问题最近做项目为一个添加按钮绑定点击事件,很简单的一个事情,于是我按照通常做法找到元素,使用JavaScript的addEventListener()方法为元素绑定了点击事件,点击同时发送请求。 完...
  • GSCurry
  • GSCurry
  • 2017年05月13日 18:00
  • 673
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:按钮点击不起作用和点击一次执行两次问题解决
举报原因:
原因补充:

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