使用 dropkick 禁用项目

Question

谁能帮我写一个示例代码，说明如何以这种方式禁用某个项目，使用户无法 select 它

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

他们只有 JavaScript 而不是 jQuery。

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

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

        });

使用 dropkick 禁用项目

Disable an item using a dropkick

jquery

jquery-dropkick