javascript – 如何使用removeClass解决状态按钮中的jquery ui / firefox错误？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用removeClass解决状态按钮中的jquery ui / firefox错误？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含936字，纯文字阅读大概需要2分钟。

内容图文

我限制复选复选框的数量,但在firefox上样式不正确.
实际上是一个带有状态按钮的firefox上的bug,请参阅firefox上的这个例子,
当您双击某个按钮时,如果lengh> gt,则状态不会更新. 3(在这种情况下),所以我尝试删除类的ui状态,但它不起作用,是否有人得到了解决方案？！

http://jsfiddle.net/mbAwC/22/

$('.limit :checkbox').change(function () {
    var $cs=$(this).closest('.limit').find(':checkbox:checked');
    if ($cs.length > 3) {
        $(this).prop('checked', false).removeClass("ui-state-active ui-state-hover ui-state-focus").button('refresh');

问候
枷锁

解决方法:

这是一个奇怪的错误,因为它发生在双击事件上.这就是为什么你的代码不起作用的原因,因为在双击时没有发生“更改”事件.因此,您无法更改状态并删除“onchange”中的类.
作为这个有趣问题的解决方案,我试图添加这样的：

$('.limit label').dblclick(function () {
     if (!$(this).is(':checked')) 
    {
        $(this).removeClass("ui-state-active ui-state-hover ui-state-focus ");
    }
});   

这会处理奇怪的双击并删除样式,如果它们在未选中的复选框上未正确应用.

内容总结

以上是互联网集市为您收集整理的javascript – 如何使用removeClass解决状态按钮中的jquery ui / firefox错误？全部内容，希望文章能够帮你解决javascript – 如何使用removeClass解决状态按钮中的jquery ui / firefox错误？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端