Recent, au existat o mulțime de cereri pentru a spune cum să scrie propriul plugin pentru jQuery. Pentru a satisface dorințele lucrătorilor domenii nemărginite ale Internetului - pentru a îndeplini aceste cereri ...
Pentru a înțelege mai bine principiile stabilite noi înșine unele sarcină simplă de a avea un minimum de utilizare practică. Împreună, să ne scrie un plugin pentru jQuery. care va picta o culoare diferită chiar și linii impare sunt disponibile orice masă. Mai mult decât atât, trebuie să fie în măsură să transmită priza noastră ca parametri valoare de culoare chiar și cele impare rânduri din tabel, și o valoare de culoare de font în rândurile pare și impare. O altă idee bună de a face acest lucru atunci când deplasați cursorul mouse-ului peste linia, culoarea de fundal și culoarea fonturilor, de asemenea, modificări. Problema este definită - proceda la punerea sa în aplicare.
Pentru a începe să învețe regulile care trebuie urmate în timp ce scris un plugin pentru jQuery:
În urma primei reguli, noi numim jquery.zebra.js noastre de fișiere plug-in și primul lucru pe care o vom scrie în acest fișier, se va conecta definiția:
jQuery. fn. zebră = function ()
// aici vom plasa codul plugin
Cu toate că plugin-ul nostru nu conține încă nici un cod la toate, este deja posibil pentru a apela după cum urmează:
Dar am fost de acord că pluginul nostru ar trebui să fie în măsură să ia unele dintre parametrii, deci să ia un supliment de Codul nostru:
jQuery. fn. zebră = funcție (opțiuni)
// aici vom plasa codul plugin
în cazul în care opțiunile - este un obiect care poate conține setări personalizate. Și nu poate conține .... Deci, primul lucru pe care vom face - definiți setările implicite pentru utilizarea acestui jQuery.extend (obiect).
În acest exemplu, vom trece un obiect plugin care conține setările personalizate care determină culoarea de fundal și culoarea fontului rândurile din tabel.
Opțiuni disponibile.
bgEven - line: culoarea de fundal pentru chiar rânduri.
bgOdd - line: culoarea de fundal pentru rânduri impare.
fontEven - line: font color chiar și rânduri.
fontOdd - line: culoarea fontului de rânduri impare.
bgHover - line: culoarea de fundal atunci când mutați mouse-ul peste linie.
fontHover - line: culoarea fontului atunci când trece cursorul mouse-ului deasupra liniei.
Demonstrație.
Asta e tot. Rămâne afară de a aduce un cuplu de link-uri pe tema:
și acum știi cum să scrie un plugin pentru biblioteca jQuery. Mult noroc!