Javascript jQuery内容滑块在单击后停止工作

单击“下一步”按钮后，幻灯片将转到我想要的下一张幻灯片，但当我继续单击时，它只是停止前进

我在开发工具中检查了我的HTML，其中一张幻灯片上的类名为“active slide”，符合条件，但我不确定为什么它不起作用

---

至于上一个按钮，它没有像预期的那样删除类“活动幻灯片”，知道为什么会发生这种情况吗？

您必须在单击事件的侦听器中设置变量：

---

这样，每次单击按钮时，您都将计算索引和下一个索引。您这样做的方式是一次计算并反复使用它，因此您将在同一索引上一次又一次地执行相同的操作。

您必须在单击事件的侦听器中设置变量：

---

这样，每次单击按钮时，您都将计算索引和下一个索引。你这样做的方式是一次计算它，然后一遍又一遍地重复使用它，这样你就可以在同一个索引上一遍又一遍地做同样的事情。

我没有意识到这个愚蠢的错误！非常感谢你澄清：）我没有意识到这个愚蠢的错误！非常感谢您的澄清：））

function nextSlideFunc() {
    var currentSlide = $(".slide.active-slide");
    var currentSlideIndex = $(".slide.active-slide").index();
    var nextSlideIndex = currentSlideIndex + 1;
    var nextSlide = $(".slide").eq(nextSlideIndex);

    $("#nextBtn").on("click", function(e) {
        e.preventDefault();

        currentSlide.removeClass("active-slide");

        if(nextSlideIndex === $(".slide").last().index() + 1) {
            //stay at last slide when reached.
            $(".slide").eq(nextSlideIndex - 1).addClass("active-slide");
        } else {
            nextSlide.addClass("active-slide");
        }
    });

}

$("#prevBtn").on("click", function(e) {
    var currentSlide = $(".slide.active-slide");
    var currentSlideIndex = $(".slide.active-slide").index();
    var prevSlideIndex = currentSlideIndex - 1;
    var prevSlide = $(".slide").eq(prevSlideIndex);
}