jquery - 使用 dropkick 禁用项目

Question

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

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

它们仅适用于 JavaScript 而不适用于 jQuery。

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

Answer 1

我已经解决了这个问题。

基本上这只是一个黑客。

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

因此，我实现了这个 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; }

        });