Materialize.css 1.0: как правильно подключить отдельные элементы библиотеки (в частности как настроить правильную работу JS-составляющей)?

Интересует принципиальная схема подключения SCSS-набора компонентов, установленных через npm.

Всю библиотеку подключать Неправильно, пытаюсь подключить нужные компоненты. Не могу понять, из-за чего не срабатывает нужный эффект (в частности, не срабатывает гамбургер-меню: не всплывает при таче на иконку меню). Т.е. не срабатывает скрипт. Подключаю нужные компоненты, но есть какая-то заковыка: М не определена, выдаёт ошибку. Думал, может есть какой-то базовый скрипт, но кроем большого, со всеми компонентами, ничего подобного не засёк. Вот пример кода, в котором фигурирует тот самый объект М, который якобы Не определён у меня:

document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.sidenav');
    var instances = M.Sidenav.init(elems, options);
  });

У меня с английским всё достаточно неплохо, чтобы читать доку, но что-то не нахожу чёткого ответа. Я конечно читал про инициализацию и про Autoinit, но ясной картины нет. Может кто в курсе всего этого механизма, как он работает?! Не думал, что столкнусь с подобной непоняткой. И не думал, что мне не поможет дока. Вопрос задал вчера в другом месте, но пока что единственный ответ - просто как подключить scss-фрагменты, т.е. о чём я Не спрашивал.

PS: Эта версия Materialize предоставляет возможность Не использовать JQuery, чем грех Не воспользоваться, что я и делаю.


Ответы (0 шт):