禁用所选字段的DropKick.js

Question

DropKick使选择框变得漂亮但是当它们是多选或大小定义的选择框时，它的作用相同，它们都变成单个选择框。 有没有办法禁用所选字段的DropKick？

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

Answer 1

希望到目前为止您找到了问题的解决方案。

实际上我也同样要求在运行中禁用dropkick下拉列表。

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

.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

Answer 2

这个问题很陈旧，但有人可以搜索答案。 我认为作者在某些字段上询问“不启用”dropkick，而不是像所有人一样认为禁用它们（比如“禁用”引用）。

如果那是真的，那么：

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

$("select").dropkick();

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

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

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

Answer 3

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

祝你好运。