创建一个切换按钮

Question

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

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

第二次使用“shareBtnToggle”点击同一个范围时，它应该记录“你点击跨越shareBtnToggle类”并删除该类，但在我的代码中它不起作用。

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

Answer 1

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

Answer 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/