0

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

[滑动警告]：根元素必须是现有的 Html 节点类型错误：this.root is undefined

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

可以在我提交的 GitHub 问题以及其他用户发布的相关问题上找到更多信息。

4

1 回答 1

0

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

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

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

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

  glide.mount()
}
于 2019-02-06T18:23:24.020 回答