Как добавить класс CSS в выпадающий список плагинов пользовательского интерфейса Jquery - PullRequest
Новая
       12

Как добавить класс CSS в выпадающий список плагинов пользовательского интерфейса Jquery

0 голосов
/ 31 мая 2011

Я использую http://code.google.com/p/dropdown-check-list/ И при динамическом отключении (в некоторых случаях), чтобы он был серым .. пытался использовать .addClass, но не работал .. Спасибо!

Ответы [ 3 ]

2 голосов
/ 31 мая 2011

Работает нормально, так что я полагаю, что-то вы делаете неправильно.

Я думаю, у вас есть .gray{ color: #ccc;} в вашем CSS. Затем, когда вы инициализируете плагин Dropdown CheckList, вам будет звонить примерно так: 

$("#mydropdown").dropdownchecklist();

Если вы попытаетесь $("#mydropdown").dropdownchecklist().addClass("gray"), вы добавите класс в выпадающий список original .

По умолчанию в новом раскрывающемся списке используется префикс id ddcl-XXX ( D rop d собственный C heck L ist ), будучи XXX id из real выпадающего списка. Зная это, попробуйте следующее: 

$("#mydropdown").dropdownchecklist();
$("#ddcl-mydropdown").addClass("gray");
2 голосов
/ 31 мая 2011

Плагин DDCL имеет встроенную поддержку для отключения / включения виджета. Просто вызовите метод dropdownchecklist для исходного элемента select с параметром 'disable': 

$('#myselect').dropdownchecklist('disable');
// to enable:
$('#myselect').dropdownchecklist('enable');

Если этот параметр отключен, нажатие на виджет не приведет к открытию раскрывающегося списка, и класс ui-state-disabled будет применен к элементу управления виджетом. При использовании CSS-файлов ThemeRoller по умолчанию элемент управления будет иметь opacity, поэтому он будет затемнен. Вы можете настроить этот внешний вид в своем собственном CSS с помощью .ui-dropdownchecklist-selector.ui-state-disabled { ... }.

0 голосов
/ 31 мая 2011

Не увидев код, я бы предложил использовать $ ('example'). Attr ('class', 'class_you_are_adding'); Иногда .addclass не работает так, как вы ожидаете. Быть более явным решает проблему.

...