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

Question

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

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

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

 <label class="checkbox-pretty inline select_all" style="line-height:18px;">

            <input type="checkbox">

            <span>选择所有资源</span>

        </label>

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

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

        if ($(this).hasClass('checked'))

            {$('.small_table label').addClass('checked');

            }else{$('.small_table label').removeClass('checked');

            }

        

    })