Nézzük csatlakoztassa a stíluslap, mint Először mindig csatlakoztassa a stílusokat, majd a szkriptek JS. Jellemzően név-hívás stíluslap - style.css. Meg lehet osztani, és az is, hogy további - menü (menu.css), adaptív háló (gride.css), nyomdászat (typography.css) stb
Szintén előnyös, ha egészen a stílusok és scriptek meghatározott abszolút formában, azaz a a domain az oldalon. Ehhez létrehozunk egy változót «$ baseURL» és rögzíteni kell az érték az ő «Juri :: bázis ()«. Akkor persze egyszer egy módja annak, hogy «Juri :: bázis ()«, anélkül, hogy egy változó. De jobb, ha nem, ha használja «Juri :: bázis ()» csak egyszer, és ha legalább 2-szer vagy több, akkor jobb, miután egy változó. Így a kódot kell értelmezni a szerver gyorsabb és kevesebb memóriát. A szem nem látja, de még mindig szükség van erre.
Ennek eredményeként, a forráskód az oldal a következő részben "
„Mi lesz vonalstílusokkal fájl kapcsolatot.
Ha azt szeretnénk csatlakozni több stílus fájl, akkor egyszerűen másolja a kapcsolat felett és változtassa meg a fájl nevét.
Figyelem! $ Doc változó és $ baseURL nem másolja. Ők hozzák létre egyszer minden.
Ön is kapcsolódhat egy másik stíluslap a style.css fájlt az Import - @import url ( 'a fájl elérési útját). Nyissa meg a csatolt stíluslap, az én esetemben ez style.css fájlt. és az elején behelyezi a következő kódot - @import url ( „gride.css”); Azt gride.css fájl ugyanabban a mappában, mint a fájl style.css. Ha igen, akkor ezek különböző mappákba, meg kell adni a helyes utat.
Minden csatlakozó alakos stílusokat. Most térjünk rá a szkripteket.
Lásd még: Joomla Vezérlőpult 2.5. Fordítása Joomla 2.5 magyar nyelvű
kapcsolat szkriptek
Scripts vannak csatlakoztatva körülbelül valamint stílusokat. A következő kapcsolat string stílusok származnak az alábbi kódot:
Ennek eredményeként, a forráskód az oldal a következő részben "
„Get a connection string Magnific felugró Script:
Igazából, én mostanában nem Hook szkriptek a fejét. mert szkriptek lassul oldal betöltése. Azt csatlakoztassa a dokumentum végén, mielőtt a záró tag "
”. Csatlakozás történik az alábbiak szerint:
Mivel a script van kötve is látni itt, mint bármely más HTML dokumentumnak.
Csatlakozó szkriptek függően jQuery (jQuery plugin)
Azt kell mondani, hogyan lehet csatlakozni. Ha a szkript fut, attól függően, hogy a jQuery, (bármilyen jQuery plugint), annak a csatlakozást mindig alá menni jQuery könyvtár kapcsolatot. JQuery mindig magasabb. Ezután inicializálja a plugin - inicializálás mindig alá megy a kapcsolat a dugó. Kiderült, a következő hierarchiát:
kapcsolat jQuery;
jQuery gyorscsatlakozó;
bővítmény inicializálás
Be kell kapcsolódni ebben a sorrendben, különben nem fog működni semmit, és a konzol log, akkor kap egy hiba, de fogunk beszélni alábbi hibaüzenet.
Amint azt korábban említettük, a Joomla script csatlakoztatom a az oldal alján, és a jQuery könyvtár kapcsolódik a szakasz "
„Igaz kapcsolat a Joomla mag, I össze- és szétkapcsolását a CDN segítségével egy kis dugó. Hogyan kell csinálni, azt megbeszéljük a következő cikkben, úgyhogy jelentkezzen a frissítéseket. Azt is húzza ki a Mootools könyvtár, amely szintén kapcsolódik a sejtmagban. néha okoz script konfliktusok, és nem kell egyáltalán. Ma szinte az összes beépülő modult futó jQuery.
Itt található az összeköttetés és Magnific felugró Plugin szükséges kezdeti egy példa:
Inicializálása (bővítmény hívás) mindig keretezés kód
ami megmondja a böngészőnek, hogy inicializálja a plug-in van szükség, ha az objektum modellt az oldal már be van töltve, és kész. Ellenkező esetben, ha a munka lesz semmi. Azt is megtalálja ezt és szegélyek:
Ez ugyanaz a dolog, csak az első esetben lokalizálni alias „$” rá nem ütközik más könyvtárak, amelyeket össze lehet kötni a helyszínen. Például, Mootools könyvtár Joomla. Van is egy rekord:
Én mindig az első lehetőséget.
Azt is szeretném megjegyezni, hogy a connect szkriptek stílusok lehetséges nemcsak az index.php fájlt, de a belső oldalakon. Például, ha van egy modális ablak csak akkor működik, egy adott oldal egy adott alkotóelem. Ebben az esetben a logikusabb, hogy a kapcsolat a stílusokat és a scripteket a sablon az összetevő felelős a tartalmát a kimenet. Például, lehet, hogy a termék oldalon Joomshopping tárolni. Ha csatlakozni betét stílusok a laphoz, az ismerős sorok:
Mint látható kapcsolat CSS fájl megegyezik csatlakozik a fájl index.php sablon oldalon. Csak itt, ahelyett, hogy csak a kód «$ this-> sablon» nem jelenik meg a neve a sablont. Helyezni a kezét. Szintén a szakasz "
„Szúrhat stílusok egyszerre. Ehhez helyezze be a következő kódot:
Ugyanígy összekötjük és szkriptek:
További információk a kapcsolatot a stílusok és a scriptek megtalálható a hivatalos dokumentumok Joomla. Ha megnézzük a dokumentációt, akkor észrevehetjük, hogy connect stílusok és a scriptek is át JHtml osztályban. Valami ehhez hasonló:
Lásd még: Oldal 404 Joomla 3. Hogyan hozzunk létre egy oldalt 404. Joomla hiba eszközökkel?
Az esetleges hibákat. böngésző konzol
Előfordul, hogy úgy tűnik, minden helyesen tette, és nem működik. Mi a baj, és hol kell keresni a hibát? Az első lépés az, hogy vizsgálja meg a böngésző konzolon, ha hibákat tartalmaz. A konzol megnyitásához nyílt böngésző oldalt, nyomja meg a «F12» és a nyílt kód ellenőr kapcsoló lapra «konzol». Itt látható a konzol a Google Chrome.
Itt látható a konzol Mozilla Firefox:
Konzol Firebug Mozilla Firefox böngészőt. Azok számára, akik nem tudják, mi Firebug - egy kiterjesztés Firefox kód ellenőr által írt a fejlesztő.
Általában az elrendezés oldalak használom böngésző Firefox, nem, és használja a beépített konzol, de előfordul, hogy a nyílt Firebug. Szóval tartsa csak abban az esetben.
A konzol válogatni, most a hibákat ...
Nem fogott referenceError: JQuery nincs meghatározva
Ez a hiba azt jelzi, hogy a jQuery könyvtár nem található. Két lehetőség van - vagy helytelenül adta meg az utat a jQuery, jQuery vagy csatlakoztatott másik alatt szkripteket. A megoldás, azt hiszem, értem, mi is kell lennie.
Típushiba :. $ (...) *** nem függvény
Ehelyett *** akkor helyébe egy olyan módszerrel, amely létrehoz egy jQuery plugin. Például, egy olyan eljárásban Magnific Popup - «magnificPopup (); ”. Tehát, ha nem csatlakozik a beépülő Magnific felugró (veszem példaként), és hozzon létre egy hívást, hogy ezt a modult, a konzol akkor a következő hibaüzenet - «Típushiba: $ (...) .magnificPopup nem függvénye». Ez a hiba akkor is előfordulhat, ha csatlakoztatja a bővítmény alábbi kódot inicializáló szkript.
Típushiba: $ (...) .ready nem függvény
Ez a hiba akkor fordul elő, ha nem lokalizálja alias „$”. Például, ha a webhely kapcsolódik joomla könyvtár Mootools, akkor tudnia kell, hogy Mootools valamint jQuery használ alias „$”, így meg kell, hogy keresse meg. Hogyan írtam fent, és bemutatja három lehetőség.
Ha hibaüzenetet kap, és nem tudja, hogy keresse meg azt a bizonyos kódot akkor kattintson a linkre a jobb oldali részén az ablakot, és nyissa meg a dokumentumot, amely tartalmazza, hogy a kód okozta a hibát.
