GlideJS -无法读取未定义的属性“”children“”

Question

我在一个网站上使用了GlideJS 3.4版本来制作一个简单的滑块。

这就是我挂载GlideJS的方式

var slider = $('.glide');

if (slider) {
var glide = new Glide('.glide', {
  type: 'carousel',
  startAt: 0,
  perView: 2
}).mount();
} else {
  console.log("Nothing");
}

这就是我的错误：

Uncaught TypeError: Cannot read property 'children' of undefined
    at Object.get (glide:6)
    at Object.mount (glide:6)
    at glide:6
    at G.value (glide:6)
    at G.value (glide:6)
    at <anonymous>:1:7

到目前为止，我所做的是检查GlideJS构建，甚至移动东西。

我不确定这是HTML的问题，还是仅仅是Javascript的问题，但是我迷路了。

甚至还检查了像Bootstrap v4.6或Jquery这样的其他东西是否有问题。

感谢您提前给我答复。

Answer 1

这基本上意味着您已挂载的glidejs元素没有图像，请确保您的结构如下所示

<div class="glide">
  <div class="glide__track" data-glide-el="track">
    <ul class="glide__slides">
       <li class="glide_slide">
         <img src="/img1.png"/>
       </li>
       <li class="glide_slide">
         <img src="/img2.png"/>
       </li>
       <li class="glide_slide">
         <img src="/img3.png"/>
       </li>
    </ul>
  </div>

  <div class="glide__bullets" data-glide-el="controls[nav]">
    <button class="glide__bullet" data-glide-dir="=0"></button>
    <button class="glide__bullet" data-glide-dir="=1"></button>
    <button class="glide__bullet" data-glide-dir="=2"></button>
  </div>
</div>

另外，在使用此函数挂载Glide之前，请确保所有内容都已完全加载

new Glide('.glide').mount()