简体中文(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
0
2
571

我写的效果是点击“选择所有资源”，这个按钮添加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'); } })
阿神
阿神

闭关修行中......

répondre à tous (2)
大家讲道理
大家讲道理2017-04-11 12:48:58 2 plancher

$('.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

Comme+0
Ajouter une réponse
    Ty80
    Ty802017-04-11 12:48:58 1 plancher

    求大神指导~~

    Comme+0
    Ajouter une réponse
      Sujets populaires
      Plus>
      Articles populaires
      Tutoriels populaires
      Plus>
      Tutoriels associés
      Recommandations populaires
      Derniers cours
      Derniers téléchargements
      Plus>
      effets Web
      Code source du site Web
      Matériel du site Web
      Modèle frontal
      À propos de nous Clause de non-responsabilité Sitemap
      Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！