Hogyan írjunk egy plugin jquery, fejlesztés
Az utóbbi években rengeteg kérelmet, hogy elmondja, hogyan kell írni a saját plugin jQuery. Ahhoz, hogy kielégítsék a dolgozók határtalan mezők az internet - e kérelmek teljesítése ...
Annak érdekében, hogy jobban megértsük a meghatározott elvek magunknak néhány egyszerű feladat, amelynek egy csöppnyi gyakorlati haszna. Együtt, hadd levelet plugin jQuery. amely festeni különböző színű páros és páratlan sorok minden rendelkezésre álló asztalra. Sőt, meg kell, hogy képes legyen továbbítani a dugó paraméterként szín érték a páros és páratlan sorok a táblázat, és a betűk színét értéket a páros és a páratlan sorok. Egy másik jó ötlet, hogy ha mozog az egérmutatót a vonal, a háttérszín és betűszín is változik. Probléma meghatározott - folytassa annak végrehajtását.
Kezdeni tanulni a szabályokat kell követni írásakor egy plugin jQuery:
Miután az első szabály, hogy hívjuk a bővítmény fájlt jquery.zebra.js és az első dolog, hogy fogjuk írni ezt a fájlt, majd csatlakoztassa a definíció:
jQuery. fn. Zebra = function ()
// itt fogjuk helyezni a plugin-kód
Bár a beépülő modul még nem tartalmaz semmilyen kódot egyáltalán, ez már lehetséges, hogy hívja a következő:
De megbeszéltük, hogy a beépülő modul lehetővé kell tenni, hogy bizonyos paraméterek, ezért vessünk egy kiegészítő a kód:
jQuery. fn. Zebra = függvény (opciók)
// itt fogjuk helyezni a plugin-kód
ahol lehetőség - egy olyan objektum, amely tartalmazhat egyedi beállításokat. És nem tartalmazhat .... Tehát az első dolog, amit meg fog tenni - határozza meg az alapértelmezett beállításokat használja ezt jQuery.extend (tárgy).
Ebben a példában, átadjuk egy plugin objektum, amely az egyéni beállításokat, amelyek meghatározzák a háttérszín és betűszín a táblázat sorait.
Rendelkezésre álló lehetőségek.
bgEven - line: háttérszín a páros sorok.
bgOdd - line: háttérszín a páratlan sorok.
fontEven - line: betűszín még sor.
fontOdd - line: betűtípus színét páratlan sorok.
bgHover - line: háttérszín, ha az egeret a sor.
fontHover - line: a színét, amikor elhaladnak az egérmutatót a vonal.
Bemutató.
Ez minden. Továbbra is csak, hogy egy pár link a témában:
és most már tudod, hogyan kell írni egy plugin a jQuery könyvtár. Sok szerencsét!