我可以单击同一个 gylphicon 类并在两个功能之间切换吗？答案

【问题标题】：Can I click the same gylphicon class and toggle between two functions?我可以单击同一个 gylphicon 类并在两个功能之间切换吗？
【发布时间】：2021-12-29 16:55:52
【问题描述】：

是否可以单击字形图标并在两个功能之间切换？我在这里声明了一个字形铅笔

var tgtEditLink = document.createElement("a");
        tgtEditLink.href = "#";
        tgtEditLink.setAttribute('aria-label', 'Edit');
        var tgtEdit = document.createElement("i");
            tgtEdit.classList.add("glyphicon", "glyphicon-pencil", "white", "tgt-edit");
            tgtEdit.title = "Edit";
        tgtEditLink.appendChild(tgtEdit);
    tgtDragbar.appendChild(tgtEditLink);

用户可以点击这个类来启用我的应用程序的“编辑”功能。然后，我希望能够单击相同的字形图标并为另一个图标禁用所述功能。

    $(document).on('click', '.tgt-edit', function rearrange() {
    $('#align-src-col').sortable(sortableOptionsSrc);

    return false;
});

上面的代码可以让用户编辑他们的文本。

我希望能够再次单击铅笔“.tgt-edit”以禁用编辑并启用其他功能。这在javascript中可能吗？

谢谢！

【问题讨论】：

标签： javascript jquery function click toggle

【解决方案1】：

您可以切换元素的类，使其不再具有 tgt-edit 并具有其他操作委托给的类。

$(document).on('click', '.tgt-edit', function rearrange() {
    $('#align-src-col').sortable(sortableOptionsSrc);
    $(this).toggleClass(["tgt-edit", "tgt-other"]);
    return false;
});

【讨论】：

谢谢！我想我需要引入另一个类来处理每个函数。