Javascript 禁用和启用基础设施

我正在开发一个允许用户进入编辑模式的页面，在这种模式下，单击链接时会显示下拉表单，但我想在用户未处于编辑模式时禁用此功能。我需要做的是让数据下拉列表attr以“disabled”开头，然后设置为与它应该打开的表单对应的任何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');
         }
    });
});

---

有人知道我想要完成的事情是否可能吗？我应该使用另一种下拉列表吗？

以下是我解决问题的方法

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

如您所见，我向所有链接添加了一个单击处理程序，如果用户不在编辑模式下，并且基础下拉是打开的（当您点击连接到下拉的链接时发生），在链接上触发一个点击函数来关闭下拉，然后访问点击的链接。