Question

我正在使用 http://code.google.com/p/dropdown-check-list/ 当动态禁用它时（在某些情况下），希望它是灰色的.. 试图使用.addClass但没有工作.. 谢谢！

Answer 1

它工作正常，所以我认为你做错了。

我想你的CSS中有.gray{ color: #ccc;}。然后，当你初始化Dropdown CheckList插件时，你会有一个或多或少的调用：

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

如果您尝试$("#mydropdown").dropdownchecklist().addClass("gray")，则会将该课程添加到原始下拉列表中。

新的下拉控件默认使用id前缀ddcl-XXX（ D rop d 拥有 C heck < strong> L ist），XXX是真实下拉列表的id。了解这一点，请尝试以下方法：

$("#mydropdown").dropdownchecklist();
$("#ddcl-mydropdown").addClass("gray");

Answer 2

DDCL插件内置支持禁用/启用小部件。只需使用dropdownchecklist参数调用原始select元素上的'disable'方法：

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

禁用时，单击窗口小部件不会导致下拉列表打开，并且类ui-state-disabled将应用于窗口小部件控件元素。使用默认的ThemeRoller CSS文件，控件将具有opacity，以使其显示为灰色。您可以使用.ui-dropdownchecklist-selector.ui-state-disabled { ... }在自己的CSS中自定义此外观。

Answer 3

没看到代码我建议使用$（'example'）。attr（'class'，'class_you_are_adding'）;有时.addclass不像你期望的那样工作。更明确地解决了这个问题。

如何将css类添加到Jquery ui插件dropdownchecklist

3 个答案: