[Glide warn]: Root element must be a existing Html node TypeError: this.root is undefined

Question

我在两页 index.html、about.html 中包含一个滑块。 index.html 页面滑块运行没有问题，但另一个 HTML 文件 about.html 出现错误：

[Glide warn]: Root element must be an existing Html node TypeError: this.root is undefined

似乎 Glide 找不到从中初始化的元素。 我该如何解决这个问题？

可以在 a GitHub issue I filed, as well as a related issue posted by another user 上找到更多信息。

Answer 1

当您将选择器字符串作为参数传递时，Glide 不会为您初始化多个实例。它将看到这是一个字符串并进行一次 querySelector 调用。

要使用相同的选择器初始化多个滑块，您必须自己查询 HTMLElements 集合并在每个滑块上单独初始化 glide（在一个简单的循环中）。

var sliders = document.querySelectorAll('.glide');

for (var i = 0; i < sliders.length; i++) {
  var glide = new Glide(sliders[i], {
    // options
  });

  glide.mount()
}

[Glide warn]: Root element must be a existing Html node TypeError: this.root is undefined

[Glide warn]: Root element must be a existing Html node TypeError: this.root is undefined

javascript

ecmascript-6

glidejs