错误：洗牌需要用元素初始化

Question

我有这段代码，但控制台给我一个错误是给我一个错误“洗牌需要用元素初始化”。这是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返回喜欢用给定类的所有元素的对象数组，所以你需要指定你想要的数组中的项目，如果你想找到的第一个画廊网的实例，然后使用：

document.getElementsByClassName('gallery-grid')[0]