有没有办法在jquery中禁用图标?例如,我使用ui-icon-circle-triangle-w和ui-icon-circle-triangle-e作为“prev / next”,我想在列表的开头和下一个的时候禁用“prev”结束等。
答案 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') ;