Question

我有4-5个div，需要隐藏并在点击下一个按钮时显示它们。所以，我每次点击都会更改按钮的类别。但我的按钮第一次响应点击，后来班级正在改变，但没有响应点击到当前班级。

这是我的代码示例：

$(".next_btn.second").on("click",function(){ alert("second");
        $(".ugc_page.second").addClass("hide");
        $(".ugc_event3.second").addClass("hide");
        $(".ugc_page.third").removeClass("hide");
        $(".next_btn").removeClass("second").addClass("third");
        $(".previous_btn").removeClass("second").addClass("active third");

    });

    $(".next_btn.third").on('click',function() {alert('third');
        $(".ugc_page.third").addClass("hide");
        $(".ugc_page.fourth").removeClass("hide");
        $(".next_btn").removeClass("third").addClass("fourth");
        $(".previous_btn").removeClass("third").addClass("active fourth");
    });

首次点击时，它会将班级更改为第三名，但点击警报仅为第二名。

Answer 1

最好的方法是使用元素Index的{{1}}作为隐藏的触发器。

然后在您的javascript上声明div

< p>每次点击下一步增加var count = 0。

count

它更易于维护和阅读。

我没有测试过这段代码，但希望它能给你一些想法。

一旦用jquery更改了类，按钮没有响应

1 个答案: