你如何禁用jquery ui图标

时间:2011-08-02 05:17:15

标签: jquery jquery-ui icons

有没有办法在jquery中禁用图标?例如,我使用ui-icon-circle-triangle-w和ui-icon-circle-triangle-e作为“prev / next”,我想在列表的开头和下一个的时候禁用“prev”结束等。

6 个答案:

答案 0 :(得分:6)

我想这应该是显而易见的,但主要文档中没有关于如何使用图标的信息。您只需将“ui-state-disabled”类添加到元素中。例如,你可以通过javascript来做到这一点:

$( '')addClass。( 'UI状态禁用');

答案 1 :(得分:3)

您可以将.ui-icon设置为不显示,这也应该隐藏图标。您可能需要也可能不需要“!important”部分。

.ui-icon { display: none !important; }

答案 2 :(得分:1)

这已经过时但我今天遇到了,所以我想我会把它清理干净。 .addClass(' ui-state-disabled')将应用css给它禁用的外观。但是如果你有绑定到图标的事件,它仍然会触发。您还必须确保您的js知道何时禁用它。也许使用if hasClass(' ui-state-disabled')。但只是添加css类并没有"#34;禁用"图标。

答案 3 :(得分:1)

如果你想保持对角线“se”手柄而没有最好的图标:

.ui-icon { background-image:none     !important; }

答案 4 :(得分:0)

您可以在元素上添加css opacity:0.7。我认为这不仅适用于文本,也适用于元素中的图标或其他元素。

我写了DEMO

关键部分是:

.disable{
    opacity:0.7;
}

...此DEMO带有图标

答案 5 :(得分:0)

你不能禁用它们因为它们不是'html'元素所以最好的方法是使用'unbind()'方法,如:$('#icon-plus-sign')。unbind('click') ;