按钮点击不起作用和点击一次执行两次问题解决
来源:互联网 发布:php cokie怎么保存数据 编辑:程序博客网 时间:2024/04/28 04:58
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(); } });
0 0
- 按钮点击不起作用和点击一次执行两次问题解决
- 点击按钮一次,请求两次问题解决
- jquery click点击一次执行两次解决方法
- WEUI点击事件执行两次的问题解决
- PyQt 按钮点击一次调用两次槽函数的解决办法
- 点击一次pushButton会对相应的slot执行两次
- 点击两次按钮退出游戏
- Android防止按钮两次点击
- 点击两次按钮退出应用程序
- iscroll iscrollview 与jquerymobile集成时,滚动区域点击一次执行两次点击事件的解决方案
- Android Button按钮点击两次之后,才执行点击事件的操作。
- android两次点击返回键退出和按钮退出对话框
- App HTML5页面 点击一次成点击两次 当慢慢的用力点下去 再抬起 就会执行一次
- android执行移动动画后按钮点击错位问题解决
- 按钮的ajax请求时,一次点击两次提交的问题
- android 按钮只能点击一次
- 动态创建添加按钮后,解决开始需要点击两次才能触发,之后点击一次就可以了
- 一次点击事件,触发两次异步请求
- BZOJ【1081】超级格雷码
- 数据存储——Java数组,去掉重复值、增加、删除数组元素的实现方法
- View位置参数与滑动全解析
- startActivity()、startActivityForResult()、onActivityResult()有什么联系和区别?
- C语言入门-第六周:作业01
- 按钮点击不起作用和点击一次执行两次问题解决
- Java基础知识点整理Day_04
- C语言之基本数据类型
- Xcode7-“App Transport Security has blocked a cleartext HTTP (http://) resource load since it is inse
- top命令详解
- Android工具方法
- Hessian、webservice、RESTFUL各自特点
- MySQL数据库表修复 MyISAM
- java中 private default protected 和 public的作用范围