使用 dropkick 禁用项目

【问题标题】：Disable an item using a dropkick使用 dropkick 禁用项目
【发布时间】：2017-09-08 21:27:06
【问题描述】：

有人可以帮我编写一个示例代码，说明如何以这样一种方式禁用某个项目，以便用户无法选择它

我阅读了来自http://dropkickjs.com/docs/#Dropkick#disabled 的文档。

他们只有 JavaScript 而不是 jQuery。

任何帮助都是很大的帮助。

【问题讨论】：

快速浏览文档，你试过$('#myelement').prop('disabled', true);
为什么你不想使用javascript？
@Alexan 如果 OP 使用的是 jQuery，那么坚持使用它是有意义的，而不是将原生 JS 混合到他们的脚本中
不知道为什么投反对票。我认为这是一个有效的问题。
@CarlMarkham 我试过 '$('#myelement').prop('disabled', true);'我仍然能够选择该选项。该选项没有被禁用。

标签： jquery jquery-dropkick

【解决方案1】：

我已经解决了这个问题。

基本上这只是一个 hack。

首先，当用户单击下拉列表时，您要禁用的选项的颜色必须为灰色，以便用户知道该选项已禁用。

因此，我实现了这个 jQuery：

   $(".dk_container").on("click", function () {
            $(this).find(".dk_options").find("li").each(function () {
                var value = $(this).find("a").attr("data-dk-dropdown-value");
                //The item you want to change the color
                if (value == "1") {
                    $(this).find("a").css("background", "grey");
                }
            });
        });

完成后，下一步是在单击时禁用该选项。我实现了以下 jQuery：

    $(".dk_container").find(".dk_options a").off("click");
            $(".dk_container").find(".dk_options a").on("click", function () {
                //The item you want to disable
               if ($(this).attr("data-dk-dropdown-value") == "1") { return false; }

        });

【讨论】：