为选定字段禁用 DropKick.js答案

【问题标题】：Disabling DropKick.js for selected fields为选定字段禁用 DropKick.js
【发布时间】：2013-03-07 00:09:06
【问题描述】：

DropKick 使选择框很漂亮，但是当它们是多选或定义大小的选择框时，它的作用相同，它们都变成了单个选择框。有什么方法可以禁用所选字段的 DropKick 吗？

例如，如果类包含“nokick”，则不要触摸该字段。

【问题讨论】：

【解决方案1】：

这个问题很老了，但有人可以搜索答案。我认为作者是在询问某些字段上的“不启用”dropkick，而不是像每个人都认为的那样禁用它们（例如“禁用”属性）。

如果是这样，那么：

在您的应用程序中，dropkick 可能由 jQuery 代码（或类似代码）初始化：

$("select").dropkick();

只需将类“nokick”（如您所写）添加到您希望被 dropkick 省略的“选择”，并将初始化更改为：

$("select").not('.nokick').dropkick();

使用该 jQuery 将获取所有选择元素，但不会获取具有“nokick”类的元素。最好阅读相关文档：http://api.jquery.com/not/

【讨论】：

【解决方案2】：

希望此时您已经找到了问题的解决方案。

实际上，我也有同样的要求，即动态禁用 dropkick 下拉菜单。

因此，我采取的方法是在由 dropkick 框架在 Select 标记上创建的 div 标记中动态添加一个类 -“gd-disable”。

.gd-disable{
opacity:0.4;
}

.gd-disable a{
cursor: no-drop !important;
}

你的 div 标签看起来像这样

<div style="display: block;" class="dk_container gd-disable dk_theme_default" id="dk_container_color" tabindex="4"> <!-- Interal Code --> </div>

更多参考你可以看到这个例子提到here

【讨论】：

【解决方案3】：

是的 Dropkick 非常好。但是对于多选框或其他类型，您不需要空手而归。 Chosen.js 非常适合：http://harvesthq.github.io/chosen/

祝你好运。

【讨论】：