简体中文(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
568

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

闭关修行中......

Antworte allen (2)
大家讲道理
大家讲道理2017-04-11 12:48:58 2 Etage

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

Wie+0
Antwort hinzufügen
    Ty80
    Ty802017-04-11 12:48:58 1 Etage

    求大神指导~~

    Wie+0
    Antwort hinzufügen
      Beliebte Themen
      Mehr>
      Populäre Artikel
      Beliebte Tutorials
      Mehr>
      Verwandte Tutorials
      Beliebte Empfehlungen
      Aktuelle Kurse
      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！