我可以单击相同的gylphicon类并在两个函数之间切换吗？
提问于 2021-11-18 12:00:02
是否可以单击字形图标并在两个功能之间切换？我在这里声明了一支象形文字铅笔
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中是可能的吗？
谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-11-18 12:19:48
您可以切换元素的类，使其不再具有tgt-edit，而具有另一个操作委托给的类。
$(document).on('click', '.tgt-edit', function rearrange() {
$('#align-src-col').sortable(sortableOptionsSrc);
$(this).toggleClass(["tgt-edit", "tgt-other"]);
return false;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70025989
复制
腾讯云开发者
