创建一个切换按钮答案

【问题标题】：Create a toggle button创建一个切换按钮
【发布时间】：2013-12-06 08:02:15
【问题描述】：

我已经创建了一个切换按钮，当第一次点击任何跨度时，它会记录“你点击跨度”

然后将添加一个名为“shareBtnToggle”的新类。

在第二次使用“shareBtnToggle”单击同一跨度时，它应该记录“您单击带有 shareBtnToggle 类的跨度”并且该类被删除，但在我的代码中它不起作用。

http://codepen.io/vincentccw/pen/CFyHm

【问题讨论】：

标签： javascript jquery button toggle

【解决方案1】：

您正试图捕捉在 DOM 中找不到的对象上的事件。看看here

【讨论】：

【解决方案2】：

您实际上可以在一个函数中执行此操作。为简单起见，我使用了 add / removeClass，但这也可以使用 toggleClass 来完成。

$('.allsharebtns > span').on("click", function(){

    if ($(this).hasClass("shareBtnToggle")) {
        $(this).removeClass("shareBtnToggle");
        console.log("you click spans with shareBtnToggle class");
    } else {
        $(this).addClass("shareBtnToggle");
        console.log("you click span");
    }


});

http://jsfiddle.net/EnBWT/1/

【讨论】：

这是一个更简化的模态，将使用它来代替。谢谢