0

我在一个网站上使用 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 Build 甚至移动东西。

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

甚至检查 Bootstrap v4.6 或 Jquery 等其他东西是否是问题所在。

感谢您提前提供任何答案。

4

1 回答 1

0

这基本上意味着您安装的元素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()
于 2021-06-12T17:25:19.147 回答