javascript - 为选定字段禁用 DropKick.js

Question

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

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

Answer 1

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

如果这是真的，那么：

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

$("select").dropkick();

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

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

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

Answer 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>

如需更多参考，您可以查看此处提到的此示例

Answer 3

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

祝你好运。