Question

我试图找到一个简单的替代jQuery中不推荐使用的toggle（）方法。我想在单击按钮时使元素滑动，并在再次单击相同按钮时滑动另一个方向。我认为一个简单的解决方案是给按钮一个＆＃34;第一个＆＃34;，然后让我的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");
    });
});

虽然它没有用。在初始点击幻灯片执行时，按钮的类将更改为＆＃34; second＆＃34;当我检查元素，但第二次单击没有任何作用。如果我申请＆＃34;第二＆＃34;但是，对于不同的对象，滑出工作正常。（奇怪的是，我可以再次单击我的原始按钮，然后再次滑动 - 并且来回 - 即使按钮不再具有类＆＃34;第一个＆＃34;）。我错过了什么吗？

Answer 1

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

JQuery切换按钮不起作用

1 个答案: