javascript - SUI框架使jquery的click事件对应不上-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

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

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

[JavaScript讨论组]

696

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

阿神

闭关修行中......

全部回复(2)

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

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