Question

我正在开发一个允许用户进入编辑模式的页面，在点击链接时会显示下拉表单，但我想在用户未处于编辑模式时禁用此模式。我需要发生的是数据下拉attr以“禁用”开始，但随后被设置为与应该打开的表单相对应的任何id，例如“drop25”。我尝试过使用attr和prop方法，但还没有走得太远。我可以让它们以禁用方式启动，但如果我尝试在单击处理程序中编辑该属性，它似乎不起作用，即使源代码表明它们发生了变化。

这是我到目前为止所做的：

$(document).ready(function () {
    $('a').attr('data-dropdown', 'disabled');

    $(document).on("click", ":button.edit", function() {
        //Enter Edit mode
        if (editMode == false) {
            editMode = true;
            //when editing, enable dropdown
            $('a').attr('data-dropdown', 'drop1');
        }
        else {
             //turn off editing mode
             editMode = false;
             //disable dropdown
             $('a').attr('data-dropdown', 'disabled');
         }
    });
});

有谁知道我想要完成的事情是否可行？我是否应该只使用其他类型的下拉菜单？

Answer 1

以下是我为解决问题所做的工作

$(document).on('click', 'a', function () {
        if (editMode == false && $('.f-dropdown').hasClass('open')) {
            $(this).trigger('click');
             window.location = $(this).attr('href');
        };

正如您所看到的，我向所有链接添加了一个点击处理程序，如果用户未处于编辑模式且基础下拉列表已打开（当您单击连接到下拉列表的链接时会发生这种情况），触发点击在链接上运行以关闭下拉列表，然后访问点击的链接。

禁用和启用基金会下拉菜单

1 个答案: