javascript - SUI框架使jquery的click事件对应不上-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - SUI框架使jquery的click事件对应不上

阿神 2017-04-11 12:46:58

573

我写的效果是点击“选择所有资源”，这个按钮添加selected类，下面的子项目也添加这个类，再点击取消

上图是在IE中显示，逻辑正常

但是在别的先进的浏览器中，第一次点击“选择所有资源”，这个按钮添加了selected类，但是下面的子项目没有添加，第二次点击他取消了这个类，下面的子项目反而添加了，为什么会这样，由于使用sui框架。

  选择所有资源

  **   **  ABCDEFG123456 热轧 宝钢 SPHC 1.0~2.0*1250C p12334 100.000 ￥3.500.00  未上架
 2016-08-15
 17:47:45
 
 2013-04-27   ...

可以看到是使用覆盖到input上的label控制，就是给label加selected类

$('.select_all').click(function(){ if ($(this).hasClass('checked')) {$('.small_table label').addClass('checked'); }else{$('.small_table label').removeClass('checked'); } })

阿神

闭关修行中......

reply all (2)

大家讲道理2017-04-11 12:48:58 2 floor

$('.select_all').click(function(){

if (!$(this).hasClass('checked')) { $(this).addClass('checked'); $('.small_table label').addClass('checked'); }else{ $(this).removeClass('checked'); $('.small_table label').removeClass('checked'); }

})
点击判断 select_all 没有 checked 所以加上checked ,下面子元素加checked，二回点击有 checked 进入else