JQuery切换按钮不工作

Question

我正试图在jQuery中找到一种简单的替代方法，以替代被弃用的toggle()方法。我想让一个元素在单击按钮时滑动，当您再次单击相同的按钮时，以另一种方式滑动。我认为一个简单的解决方案是给按钮一个“优先”类，然后将我的jQuery设置为：

$(document).ready(function(){
    $(".first").click(function(){
        $(this).removeClass("first");
        $("#slider").removeClass("slideout");
        $("#slider").addClass("slidein");   
        $(this).addClass("second");
    });
    $(".second").click(function(){
        $(this).removeClass("second");
        $("#slider").removeClass("slidein");
        $("#slider").addClass("slideout");  
        $(this).addClass("first");
    });
});

但不起作用。在初始单击滑块执行，当我检查元素时，按钮的类更改为“第二”，但是第二次单击什么也不做。但是，如果我将"second“应用于另一个对象，则滑块可以正常工作。(奇怪的是，我可以再次点击我的原始按钮，并再次滑动-来回滑动-尽管按钮不再有类"first")。我是不是遗漏了什么？

Answer 1

使用$(document).on('click', ".second", function() {作为第二类动态添加。