Свързване JS и CSS файлове в Drupal 8 е значително по-различно от начина, по който е бил в Drupal 7 (който, между другото, не е изненадващо, като се има предвид степента на промяната). Процесът в момента е, както следва: описване на библиотеката, което определя кое JS и CSS "придържам", за да се свързват themename.info.yml описано библиотека.
Свързване JS и CSS файлове в Drupal 8 е значително по-различно от начина, по който е бил в Drupal 7 (който, между другото, не е изненадващо, като се има предвид степента на промяната).
Първа стъпка. изтегляне на файлове, свързани скрипт, JS - в YOURTHEME / JS папка, CSS - в YOURTHEME / CSS
Втора стъпка. Ние описваме библиотеката в yourtheme.libraries.yml файл:
работят поетапно-изберете:
CSS:
тема:
CSS / фърмуера-select.min.css: <>
JS:
JS / фърмуера-select.min.js: <>
Трета стъпка. Линк библиотека файл в yourtheme.info.yml:
Етап Четири. добавете инициализация сценария.
Js опаковката създадете файл, например, themename.js, които ще добавят каквото се изисква за темата.
# 40; функция # 40; $. Drupal # 41; # 123;
/ * Global JQuery: фалшива * /
/ * Global Drupal: фалшива * /
"Строг режим";
/ **
* Осигуряване на първоначално зареждане изберете Theming.
* /
Drupal. поведения. bootstrapSelectTheme = # 123;
прикачите. функция # 40; контекст # 41; # 123;
Var $ = $ контекст # 40; контекст # 41; ;
/ * Тук * нашите JS /
$ # 40; ".selectpicker" # 41. selectpicker # 40; # 123;
стил. "BTn първична.
# 125; # 41; ;
# 125;
# 125; ;
# 125; # 41; # 40; JQuery. Drupal # 41; ;
Свързване файла като - библиотека (виж стъпка 2 и 3.). За удобство е възможно да се създаде структура на тема веднага да определи "базови" стил файлове и скриптове и да ги свърже като библиотека "глобално-стайлинг". Можете да получите нещо подобно:
глобалната-стайлинг:
CSS:
тема:
CSS / style.css: <>
JS:
JS / themename.js: <>
работят поетапно-изберете:
CSS:
тема:
CSS / фърмуера-select.min.css: <>
JS:
JS / фърмуера-select.min.js: <>
библиотеки:
- yourtheme / глобален-стайлинг
- yourtheme / фърмуера-изберете
Свързани статии