Javascript TweenMax中的进度条

我正在看这个

启动时，进度条应仅处于“活动”状态。 如果你看第一、第二和第三节，一切都可以。 但是，当您第二次观看2º幻灯片时，1º幻灯片进度条同时也在工作

为什么?

---

您可以在

animatePagination

函数中放置一个

console.log（）

，并查看该函数在第二次运行时每次调用两次。解决这个问题，它就会解决你的问题

// Animate pagination
      this.DOM.paginationItemsLoader = paginationEl.querySelectorAll('.pagination-separator-loader');
      this.DOM.activePaginationItem = paginationEl.querySelector('.slideshow-pagination-item.active');
      this.DOM.activePaginationItemLoader = this.DOM.activePaginationItem.querySelector('.pagination-separator-loader');

      console.log(swiper.pagination);
      // console.log(swiper.activeIndex);

      // Reset and animate
        TweenMax.set(this.DOM.paginationItemsLoader, {scaleX: 0});
        TweenMax.to(this.DOM.activePaginationItemLoader, this.config.slideshow.pagination.duration, {
          startAt: {scaleX: 0},
          scaleX: 1,
        });


    }

}

const slideshow = new Slideshow(document.querySelector('.slideshow'));