javascript - 错误 : Shuffle needs to be initialized with an element

Question

我有这段代码，但控制台给我一个错误，给我一个错误“Shuffle 需要用一个元素初始化”。这是 html

<div class="gallery-grid">
                <div class="gallery-item" data-date-created="2016-08-12">1</div>
                <div class="gallery-item" data-date-created="2016-08-13">2</div>
                <div class="gallery-item" data-date-created="2016-08-14">3</div>
                <div class="gallery-item" data-date-created="2016-08-15">4</div>
                <div class="gallery-item" data-date-created="2016-08-16">5</div>
                <div class="gallery-item" data-date-created="2016-08-17">6</div>
                <div class="gallery-item" data-date-created="2016-08-18">7</div>
                <div class="gallery-item" data-date-created="2016-08-19">8</div>
                <div class="gallery-item" data-date-created="2016-08-20">9</div>
                <div class="gallery-item" data-date-created="2016-08-21">10</div>
            </div>

JS

const shuffleInstance = new Shuffle(document.getElementsByClassName('gallery-grid'), {
          itemSelector: '.gallery-item',
          sizer: '.gallery-item',
          speed: 500,
          easing: 'ease-out'
      });

      shuffleInstance.Shuffle();

我做错了什么？

Answer 1

document.getElementsByClassName 返回具有给定类的所有元素的类似对象的数组，因此如果您想要第一个找到的 gallery-grid 实例，则需要指定您想要的数组中的项目然后使用:

document.getElementsByClassName('画廊网格')[0]