首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我可以单击相同的gylphicon类并在两个函数之间切换吗?

我可以单击相同的gylphicon类并在两个函数之间切换吗?
EN

Stack Overflow用户
提问于 2021-11-18 20:00:02
回答 1查看 17关注 0票数 0

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

代码语言:javascript
运行
复制
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);

用户可以单击这个类在我的应用程序上启用“编辑”功能。然后,我希望能够单击相同的字形图标,并禁用该功能的另一个。

代码语言:javascript
运行
复制
    $(document).on('click', '.tgt-edit', function rearrange() {
    $('#align-src-col').sortable(sortableOptionsSrc);

    return false;
});

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

我希望能够再次单击铅笔,'.tgt- edit ',以禁用编辑,并启用另一个功能。这在javascript中是可能的吗?

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-11-18 20:19:48

您可以切换元素的类,使其不再具有tgt-edit,而具有另一个操作委托给的类。

代码语言:javascript
运行
复制
$(document).on('click', '.tgt-edit', function rearrange() {
    $('#align-src-col').sortable(sortableOptionsSrc);
    $(this).toggleClass(["tgt-edit", "tgt-other"]);
    return false;
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70025989

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档