[Glide warn]: Корневой элемент должен быть существующим HTML-узлом. TypeError: this.root не определен

Question

У меня есть один слайдер, включенный в две страницы index.html, about.html.Слайдер страницы index.html работает без проблем, но другой HTML-файл, about.html, имеет ошибку:

[Glide warn]: корневым элементом должен быть существующий узел HTML. Ошибка типа: this.rootне определено

Кажется, что Glide не может найти элементы, инициализированные из этого. Как я могу решить эту проблему?

Более подробную информацию можно найти по проблеме GitHub, которую я подал , а также связанной проблеме, опубликованной другим пользователем..

Answer 1

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()
}