小编Mic*_*ter的帖子

我正在努力解决onclick功能问题并替换DOM中的html.该函数负责:1.从DOM读取整个列表,2.相应地将其顺序更改为我从点击获得的ID,然后将其显示为新列表.

不幸的是,这个功能只工作一次然后停止.会不会提出任何建议.

class Slider {
  constructor() {
    this.settings = { center: 3 };
    this.container = document.getElementsByClassName('slider__container');
    this.slides = this.container[0].querySelectorAll('.slider__card');
    this.currentSlide = '';
    this.onSlideClick();
  }

  onSlideClick() {
    this.slides.forEach(slide => {
      return slide.addEventListener('click', () => {
        this.currentSlide = parseInt(slide.dataset.slideId);
        this.createNewList(this.currentSlide);
      });
    });
  }

  createNewList(curr) {
    const { center } = this.settings;
    const { slides } = this;
    let nodeList = '';
    let newList = [];
    let diff = curr - center;

    for (let i = 0; i < slides.length; i++) …