Как отключить иконки jquery ui

Question

Есть ли способ отключить иконки в jquery?Например, я использую ui-icon-circle-triangle-w и ui-icon-circle-triangle-e для «prev / next», и я хотел бы отключить «prev», когда в начале списка и затем, когда вконец и т. д.

Answer 1

Полагаю, это должно было быть очевидно, но этого не было в основной документации о том, как использовать значки. Вы просто добавляете класс "ui-state-disabled" к элементу. Так, например, чтобы сделать это через JavaScript, вы можете сделать:

$ ( '') addClass. ( 'Щ-состояние-инвалидов');

Answer 2

Вы можете установить .ui-icon, чтобы она не отображалась, что также должно скрывать значки. Вам может понадобиться, а может и не понадобиться "! Важная" часть.

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

Answer 3

Если вы хотите сохранить диагональную ручку "se" без иконки, лучше всего:

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

Answer 4

Это старый, но я столкнулся сегодня, поэтому я решил, что я бы его почистил. .addClass ('ui-state-disabled') будет применять CSS, чтобы придать ему такой вид Но если у вас есть события, связанные с иконкой, она все равно будет срабатывать. Вы также должны убедиться, что ваш js знает, когда он отключен. Возможно использование if hasClass ('ui-state-disabled'). Но просто добавление класса css не отключает значок.

Answer 5

Вы не можете отключить их, потому что они не являются элементами 'html', поэтому лучше всего использовать метод 'unbind ()', например: $ ('# icon-plus-sign'). Unbind ('click');

Answer 6

Вы можете добавить CSS opacity:0.7 на ваш элемент.Я думаю, что это полезно не только для текста, но и для значка или другого элемента в вашем элементе.

Я написал DEMO

Ключевой компонент:

.disable{
    opacity:0.7;
}

... и это DEMO со значком