conectarea corectă de stiluri și js plugin-uri joomla
stiluri de conectare
Să conectați foaia de stil, ca întotdeauna conectați mai întâi stiluri, și apoi script-urile în JS. De obicei, nume de asteptare stylesheet - style.css. Acesta poate fi partajate, și poate fi, de asemenea, suplimentar - meniu (menu.css), mesh adaptive (gride.css), tipografie (typography.css) etc.
De asemenea, de preferință tot drumul la stiluri și script-urile specificate în formă absolută, adică, domeniul site-ului. Pentru a face acest lucru, vom crea o variabilă «$ baseUrl» și înregistrate în valoarea ei «Juri :: bază ()«. Puteți, desigur, o dată într-un mod de a adăuga «Juri :: bază ()«, fără a crea o variabilă. Dar este mai bine să faceți dacă utilizați «Juri :: bază ()» doar o singură dată, iar dacă cel puțin de 2 ori sau mai mult, este mai bine după o variabilă. Astfel, codul va fi interpretat de către serverul mai rapid și consumă mai puțină memorie. Pe ochiul nu poate vedea, dar încă mai trebuie să facă acest lucru.
Ca urmare, în codul sursă al paginii în secțiunea "
„Vom alinia stiluri de conectare de fișiere.
Dacă doriți să conectați mai multe fișiere de stil, apoi pur și simplu copiați conexiunea de mai sus și de a schimba numele fișierului.
Atenție! $ Doc variabilă și $ baseUrl nu copie. Ele sunt create o dată și toate.
Vă puteți conecta, de asemenea, o altă foaie de stil în fișierul style.css folosind Import - URL-ul @import ( „calea către fișierul“). Deschideți foaia de stil atașat, în cazul meu este fișierul style.css. iar la început introduceți următorul cod - URL @import ( „gride.css“); I gride.css fișier este în același folder ca și fișierul style.css. Dacă faci, ele sunt în dosare diferite, specificați calea corectă.
Toate stilurile de conectare figurate. Acum să trecem la script-uri.
A se vedea, de asemenea: Joomla Panou de control 2.5. Traducere Joomla 2.5 în limba română
script-uri de conectare
Script-uri sunt conectate la fel de bine ca și stiluri. Următoarele stiluri șir de conexiune derivă următorul cod:
Ca urmare, în codul sursă al paginii în secțiunea "
„Ia șirul de conexiune Magnific Popup Script:
De fapt, nu am cârlig recent Script-uri în cap. deoarece script-uri încetini încărcarea paginii. Le-am conecta la sfârșitul documentului înainte de eticheta de închidere "
“. Conexiunea se face după cum urmează:
Deoarece script-ul este conectat, de asemenea, a se vedea aici, la fel ca în orice alt document HTML.
script-uri, în funcție de jQuery Conectarea (plugin-uri jQuery)
Trebuie să spun despre modul de conectare. În cazul în care script-ul dvs. se execută, în funcție de jQuery, (orice plugin jQuery), conexiunea sa trebuie să meargă întotdeauna sub conexiunea de bibliotecă jQuery. JQuery este întotdeauna mai mare. Apoi, inițializa plugin - initializare merge întotdeauna sub conectarea fișei. Se pare următoarea ierarhie:
conexiune jQuery;
jQuery plug-in conexiune;
iniţializarea plugin
Trebuie să conectați în această ordine, în caz contrar nu va funcționa nimic, și în jurnalul de consolă, veți obține o eroare, dar vom vorbi despre mai jos eroare.
Așa cum am menționat mai devreme în script-ul Joomla am conectați în partea de jos a paginii, iar biblioteca jQuery este conectată la secțiunea "
„Conexiune reală a miezului Joomla, am conecta și deconecta de la CDN folosind un dop mic. Cum de a face acest lucru, voi discuta în articolul următor, așadar înregistrați-vă pentru actualizări. De asemenea, am deconectați biblioteca Mootools, care este, de asemenea, conectat la nucleu. provoacă uneori conflicte de script, și nu au nevoie de ea deloc. Astăzi, aproape toate plugin-uri care rulează pe jQuery.
Arată conexiune și Magnific Popup Plugin de inițializare pe un exemplu:
Inițializarea (apel plugin) trebuie întotdeauna încadrare cod
care spune browser-ul care a inițializa plug-in este necesar atunci când modelul obiect al paginii este deja încărcată și gata de plecare. În caz contrar, lucrezi va fi nimic. Puteți găsi, de asemenea, acest lucru și încadrare:
Este același lucru, doar în primul caz localiza alias „$“ pentru noi nu intră în conflict cu alte biblioteci, care pot fi conectate la fața locului. De exemplu, Mootools bibliotecă în Joomla. Există, de asemenea, un record:
Eu folosesc întotdeauna prima opțiune.
Aș dori, de asemenea, să rețineți că script-urile de conectare stiluri este posibilă nu numai în fișierul index.php, dar în paginile din interior. De exemplu, aveți o fereastră modal funcționează numai pe o anumită pagină a unei anumite componente. În acest caz, este mai logic pentru a face conexiunea de stiluri și scripturi în șablonul este componenta responsabil pentru conținutul ieșire. De exemplu, acesta poate fi un magazin de Joomshopping pagina produsului. Pentru a conecta stiluri de inserare în șablonul de pagină, liniile familiare:
După cum puteți vedea fișierul de conexiune CSS este la fel ca și conectarea la site-ul șablon index.php fișier. Doar aici, în loc de numai codul «$ this-> șablon» nu va fi afișat numele șablonului. Înscriem mâinile. De asemenea, în secțiunea "
„Aveți posibilitatea să inserați stiluri dintr-o dată. Pentru a face acest lucru, se introduce următorul cod:
În același mod vom conecta și scripturi:
Mai multe informații despre conexiunea de stiluri și script-uri pot fi găsite în documentația oficială a Joomla. Dacă te uiți la documentația, veți observa că stilurile de conectare și script-uri pot, de asemenea, prin clasa JHtml. Ceva de genul asta:
A se vedea, de asemenea: Pagina 404 din Joomla 3. Cum de a crea o pagină de eroare 404th înseamnă Joomla?
Erorile posibile. consola browser-
Se întâmplă astfel încât totul pare să fie făcut în mod corect, și nu funcționează. Ce sa întâmplat și unde să caute eroarea? Primul pas este să se uite în consola browser-ul în cazul în care conține erori. Pentru a deschide consola într-o pagină de browser deschisă, apăsați tasta «F12» și în Codul deschis comutatorul de inspector de la tab-ul «Console». Aici este consola în Google Chrome.
Aici este consola în Mozilla Firefox:
Console în browser-ul Mozilla Firefox Firebug. Pentru cei care nu știu ce Firebug - este o extensie pentru Firefox cod de inspector, în scris de către dezvoltator.
De obicei, pentru aspectul de site-uri Eu folosesc browser-ul Firefox, este, și de a folosi consola built-in, dar se întâmplă uneori că Firebug deschise. Așa că am păstra doar în caz.
Cu consola sortate, acum pentru greșelile ...
referenceError neprins: JQuery nu este definită
Această eroare indică faptul că biblioteca jQuery nu este găsit. Există două opțiuni - fie ați introdus incorect calea către jQuery, jQuery sau ați conectat de mai jos celelalte script-uri. Soluția, cred că înțeleg ce ar trebui să fie.
TypeError :. $ (...) *** nu este o funcție
In schimb *** va fi înlocuită printr-o metodă care creează un plugin jQuery. De exemplu, într-o metodă Magnific Popup - «magnificPopup (); “. Deci, dacă nu conectați plugin-ul Magnific Popup (l-am lua ca exemplu) și de a crea un apel la acest plugin, în consola este posibil să primiți următoarea eroare - «TypeError: $ (...) .magnificPopup nu este o funcție». Această eroare poate apărea, de asemenea, în cazul în care conectați plugin mai jos script cod de inițializare.
TypeError: $ (...) .ready nu este o funcție
Această eroare poate apărea dacă nu localizați alias „$“. De exemplu, dacă site-ul conectat dvs. joomla biblioteca Mootools, atunci ar trebui să știți că Mootools precum și jQuery foloseste alias „$“, deci trebuie să-l localizeze. Cum am scris mai sus, și care prezintă trei opțiuni.
Dacă primiți o eroare și nu știe să caute într-un cod puteți să faceți clic pe link-ul din partea dreaptă a ferestrei și deschide documentul care conține codul care a cauzat eroarea.
