Javascript 用于更改页面的JS函数为'；不显示下一页

新手在这里建立我的第二个网站，试图掌握基本知识

我有两个html文档，正在尝试使用JS在它们之间导航，这是迄今为止我所做的最高级的事情，所以我甚至不知道我可以尝试什么

我检查了基本情况：

• 确保调用了正确的变量
• 选中类。页面列在我试图显示的页面/部分上

我一直在关注一段youtube视频，但我的设计、内容和页面都不一样，所以这段视频在这个场合毫无帮助

我的目标是当我单击第二个点时（在

.toggle

中的svg），以显示gallery页面（第一个页面消失得很好：D）。我已经复制了我认为相关的代码（我可能错了？），所以如果需要更多，请告诉我

index.html： 有一个页面类的main，它消失得很好

gallery.html：

<section class="page">
    <div class="gallery">

        <div class="image" id="beeFace"></div>

        <div class="image" id="honeyComb"></div>

        <div class="image" id="pollen"></div>

        <div class="image" id="closeUp"></div>

        <div class="image" id="nectar"></div>

        <div class="image" id="hover"></div>

    </div>
</section>

---

如果你有可能把你的代码减少到一个，这是一个比真正的问题要多得多的代码你好，是的，完成了。不过我想我已经弄明白了。。所以我的html当前在两个不同的文件中，所以我有一个const，它实际上是.pages的数组？但是，因为我有一个用于单击的事件侦听器，当我只在一个html文件上单击im时，它认为只有索引0。我将在早上再次尝试，并整合我的html，看看它是否有效。

function wrapperFunction() {
    const slides = document.querySelectorAll(".slide");
    const pages = document.querySelectorAll(".page");

    let current = 0; //page tracker

    function nextSlide(pageNumber) {
        const nextPage = pages[pageNumber];
        const currentPage = pages[current];
        const currentLeft = currentPage.querySelector(".beeImage #beeLeft");
        const currentRight = currentPage.querySelector(".beeImage #beeRight");


        const tl = new TimelineMax();

        tl.fromTo(currentLeft, 0.3, {y:"-10%"}, {y:"-100%"})
        .fromTo(currentRight, 0.3, {y:"10%"}, {y:"-100%"},"-=0.2")
        .fromTo(currentPage, 0.3, {opacity:1, pointerEvents:"all"}, {opacity:0, pointerEvents:"none"})
        .fromTo(nextPage, 0.3, {opacity:0, pointerEvents:"none"}, {opacity:1, pointerEvents:"all"})


        current = pageNumber;
    }
}