Írásban a saját plugin jquery

(Free fordítása "Plugins / készítő")

A kényelmes munka jQuery, akkor érdemes írni a saját kiterjesztését (plug-in). Ez nagyon jó :) jQuery Extension segítségével plugins és technikák - egy erőteljes eszköz a megoldására számos problémát és kényelmes módja annak, hogy mentse a fejlesztési időt elvonásával a leggyakrabban használt funkciók. Ez a cikk célja feltérképezni az utat, mozgó elkerülni a leggyakoribb hibákat, és ne hagyd ki a lehetőséget, hogy írjon a saját plugin.

Az első lépések.

Írni egy kiterjesztés jQuery. van szüksége az induláshoz egy speciális módszerrel jQuery.fn ahol az objektum van rendelve egy tulajdonságot nevű általunk realizált funkció (myPlugin).

$ Záró függvényében körét, megengedjük magunknak, hogy szabadon használhatja a szokásos rövid neve a jQuery objektumot. félelem nélkül, hogy van egy konfliktus más könyvtárakkal.

Most. ha van egy shell, akkor írjuk be a bővítmény kódját. De előtte, egy pár szó a kontextusban. Hatálya bővítmény funkciók (itt a fogalom a funkció és a plugin nagyon kereszt. Megjegyzés enyém). A ez a kulcsszó utal, hogy a jQuery plugint objektumot. Ez a kezelés lehetővé teszi, hogy nem csak az a tárgy (ebben az esetben jQuery), hanem annak tulajdonságait, módszerek. Ezzel a szóval tudjuk új funkciókat.

Most, amikor világossá vált, hogyan lehet hozzáférni a jQuery-plugin kontextusban. írjunk a kódot, ami valójában valamit tenni.

Ez egy egyszerű plug-in, amely visszaadja a magassága a legmagasabb a tartály az oldalon.

Építő láncok

Az előző példában hosszát adja vissza a legnagyobb tartály az oldalon. De gyakran elég, hogy van, hogy továbbra is változó a tárgy maga után a fenti lépéseket követve azt. Ez történhet lánc. Ez a szépség, a design a jQuery könyvtár. Ahhoz, hogy a támogatási lánc nem volt hozzáférhető, meg kell győződnie arról, hogy a bővítmény visszatér erre a kulcsszóra

Mivel a plugin visszatér ez a kulcsszó a közvetlen láthatóság, támogatja a láncot és jQuery-gyűjtemény továbbra is manipulálni a jQuery módszerekkel, például, mint például a .css. Tehát, ha a bővítmény nem ad vissza egy egyszerű értéket, akkor vissza kell térnie a funkciót a látvány. Továbbá, ahogy a neve is sejteti, a argumentumokat a plug - átvitt hatálya plug-in funkció. Így, az előző példában, a string „szélesség” válik egy érv egy plug-in funkció.

A paraméterek és az alapértelmezett beállítások

Bonyolultabb és egyedi plug-inek, amelyek a különböző használati esetek, akkor ajánlott az alapértelmezett beállításokat (a $ .extend). Így ahelyett, hogy hívja a dugó számos érv is okozhat, egyetlen érv, amely szükséges a tárgy változásokat. Ez megteheti.

Ebben a példában hívása után a plug-in tippeket a megfelelő beállításokat felülírja az alapértelmezett a „bal” és a szín ugyanaz marad (lásd. Az azonos umolchaniiyu beállítások)

Ez egy nagyszerű módja annak, hogy felajánl egy univerzális plug-in anélkül, hogy a fejlesztő, hogy azonosítsa az összes lehetséges opciókat.

névterek

Megfelelő részlege helyet a bővítmény neve is fontos része a fejlesztés. névtér biztosítja, hogy a plug-in lesz egy nagyon kicsi az esélye a konfliktus más bővítmények vagy kód található ugyanazon az oldalon. Névtér megkönnyíti az életet, mint a fejlesztő bővítmény, mivel segít tartani a jobb nyomon a módszerek, eseményeket és adatokat.

módszerek bővítmény

Minden helyzetben, nem lehet alkalmazni a plug-in egynél több névtér tárgy belsejében jQuery.fn objektumot.

Azt javasoljuk, hogy ne szennyezze a névtér $ .fn Kerülő ezt a helyzetet, meg kell gyűjteni az összes plug-in módszer az objektum szó, és hívja ki (azaz a módszereket fogják hívni az azonos tárgy)

Ez a fajta plug-in architektúra lehetővé teszi, hogy magukba az összes módszer a szülő és hívja ki az első távvezeték módszer nevét, majd írja be a további paprametry esetlegesen szükséges ezt a módszert. Ez a fajta tokozás és az építészet a szabvány a fejlesztői közösség a jQuery plug-inek, és azt használják számtalan plug-inek, beleértve kütyü jQueryUI.

Kevésbé ismert jellemzője bind () módszer. amely lehetővé teszi, hogy regisztrálja eseményfigyelőt a névtérben. Így tudjuk regisztrációját a hallgató a unbind ().

Ebben a példában, ha a bővítmény inicializálni, akkor regisztrálja a hallgató ablakban változás esetén az „névtér tooltype”. Később, ha a fejlesztő meg kell semmisítenie a nyom el kell távolítani a hallgatót.

Gyakran a fejlesztés plug-in szükséges lehet ellenőrizni, hogy a plug-in inicializálja az adott elem. Az adatok () metódus, akkor kényelmesen nyomon követni a változó az egyes elemekhez. Azonban ahelyett, hogy figyelemmel kíséri a kupac külön adathívás különböző nevekkel prafenilén szó objektumot. Ez révén névtér együttműködik változókat.

Adatok használata segít nyomon változók és az állam közötti hívásokat a plug-in módszer. névtér szétválasztás egyik szempontja, lehetővé teszi a könnyű hozzáférést biztosít az összes tulajdonságait a plugin egy tárgy.

Összefoglalás és gyakorlati tanácsokat

Írásban -plagina jQuery segítségével végre a kódban a leghasznosabb funkciókat. Újrafelhasználható kód használatával időt takaríthat meg, és a fejlesztés hatékonyságát. Mit kell emlékezni, valahányszor levelet plugin:

• Mindig lezárja a beépülő modul (function ($)) (JQuery);
• Ne csavarja ezt az extra zárójelben
• visszatér egy tárgy ez. fenntartani a munkaképesség láncokkal
• küldés helyett egy nagy sor paramétert, akkor jobb, ha át érvként egy tárgy szó, amely módosítja a működését a plagina.- nem torlódnak tárgy jQuery.fn egynél több helyet a plug-in nevek