jquery - 覆盖元素的灰色效果

Question

我有这行 jQuery，一旦事件被触发，它就会禁用所有按钮。

$("button").attr("disabled", "disabled");

默认情况下，禁用的按钮呈灰色显示，但我想知道是否有一种方法可以覆盖此行为，以便禁用按钮，但不会向用户发出任何指示？

谢谢。

Answer 1

通过CSS:

一种解决方案是使用 button[disabled] css 选择器为禁用和启用按钮设置相同的样式，如下所示:

button[disabled], button{
        color:#fff;
        border: none;
        background-color: grey;
    }

问题是浏览器默认有不同的按钮样式，因此您需要设置按钮的样式。

通过 Jquery:

另一个解决方案是删除按钮的点击事件处理程序，因此替换此行:

$("button").attr("disabled", "disabled");

对于这个:

$('button').off('click');

要再次启用点击事件，请使用:

$('button').on('click');

有关此商品上的添加/删除事件处理程序的更多信息 answer在所以

注意:您应该为按钮添加 ID(如果您使用多个按钮)，因为上面的代码将删除对所有按钮的点击。