Меню jQueryUI с отключенными пунктами меню

Question

Меню jQueryUI с отключенными пунктами меню

0

Я использую jQuery 1.10.2 и jQuery UI 1.10.3 для создания объекта меню с различными пунктами меню.

Любой элемент меню можно отключить, добавив класс ui-state-disabled к этому элементу.

Но, к сожалению, при отключении пунктов меню пользователь все равно может щелкнуть по элементу, а событие клика по-прежнему горит.

Я создал скрипку, чтобы показать проблему.

Любое предложение о том, как решить эту проблему? Спасибо за помощь

Lorenzo 04 дек. 2013, в 13:06

Источник

Теги:

jquery

jquery-ui

menuitem

menu

1 ответ

Ещё вопросы

Praveen · Accepted Answer · 2013-12-04T10-13-00.000Z

То, что вам нужно знать, - это развязка обработчика событий.

Поскольку вы написали отдельный обработчик события click для li, разумно unbind его событие click потому что ui-state-disabled - это изменение CSS, которое не будет иметь эффекта в обработчиках событий.

$('ul li a.mi3').addClass('ui-state-disabled').off('click');

JSBin

Нужно ли мне повторно присоединять событие click на случай, если оно мне понадобится, или я могу просто написать .on('click') ?
@Lorenzo Да, вы можете прикрепить событие, используя .on. Это как выключатель ВКЛ / ВЫКЛ.
Мне проще сначала изменить селектор щелчка ... $ ("# umDeleteRole: not (.ui-state-disabled)"). Click (function () {}); вместо того, чтобы удалять обработчик и читать его.