Drupal 8 - js, hogyan lehet csatlakozni a téma

Drupal 8 - js, hogyan lehet csatlakozni a téma

Csatlakozó js és css fájlokat Drupal 8 jelentősen eltér, hogy milyen volt a Drupal 7 (ami mellesleg nem meglepő, mivel a nagysága a változás). A folyamat jelenleg a következő: leírják a könyvtár, amely azonosítja a JS és CSS „ragaszkodnak” csatlakozni themename.info.yml ismertetett könyvtárból.

Csatlakozó js és css fájlokat Drupal 8 jelentősen eltér, hogy milyen volt a Drupal 7 (ami mellesleg nem meglepő, mivel a nagysága a változás).

Első lépés. fájlok letöltése kapcsolatban script, js - a YOURTHEME / js mappát, css - a YOURTHEME / css

Második lépés. Bemutatjuk a könyvtár yourtheme.libraries.yml file:

bootstrap-válasszon:
css:
téma:
css / bootstrap-select.min.css: <>
js:
js / bootstrap-select.min.js: <>

Harmadik lépés. hivatkoznak könyvtárfájlját yourtheme.info.yml:

Negyedik lépés. adjuk hozzá a inicializáló szkript.

A csomag js fájlt létrehozni, például themename.js, ami hozzá, amit szükséges a témát.

# 40; függvény # 40; $. Drupal # 41; # 123;
/ * Globális jQuery: false * /
/ * Globális Drupal: false * /
„Szigorú”;

/ **
* Adjon Bootstrap válasszuk rendszerezést.
* /
Drupal. viselkedés. bootstrapSelectTheme = # 123;
tulajdonítanak. függvény # 40; kontextus # 41; # 123;
var $ context = $ # 40; kontextus # 41; ;

/ * Itt * a js /
$ # 40; '.selectpicker' # 41;. selectpicker # 40; # 123;
stílusban. 'Btn-primer'.
# 125; # 41; ;
# 125;
# 125; ;

# 125; # 41; # 40; jQuery. Drupal # 41; ;

Csatlakozó ezt a fájlt - könyvtár (lásd a 2. és 3.). Az egyszerűség kedvéért azt is létre lehet hozni a témát szerkezet azonnal meghatározza a „bázis” stílus állományok és szkriptek és csatlakoztassa őket a könyvtár „globális-styling”. Kapsz valami ilyesmit:

global-styling:
css:
téma:
css / style.css: <>
js:
js / themename.js: <>
bootstrap-válasszon:
css:
téma:
css / bootstrap-select.min.css: <>
js:
js / bootstrap-select.min.js: <>

könyvtárak:
- yourtheme / global-styling
- yourtheme / bootstrap-select

Kapcsolódó cikkek