Crearea unui plugin jquery

De exemplu, vom lua un slider elegant lecție pe jQuery. Cursorul este un exemplu bun, deoarece este un lucru destul de popular și setări flexibile, se pot efectua mai mult sau mai puțin diferite sarcini (slideshow, imagini carusel, etc.).

Toate cerințele pentru structura descrisă în lecția de mai sus, astfel încât acestea să nu se va opri. Noi numim «mySimpleSlider» priza nostru viitor.

Plugin-ul este o nouă metodă în obiectul jQuery, în consecință, pentru a crea un plugin, trebuie să adăugați funcția la punerea sa în aplicare în obiectul jQuery.fn, așa cum se arată mai jos.

Acum vom proceda la eliberarea proprietăților plugin care trebuie schimbate în funcție de fiecare caz de utilizare specifică. Pentru glisorul am identificat proprietățile enumerate mai jos. Proprietățile de conectare trebuie să fie scrise în următoarea formă:

După aceea, în cadrul plugin-ul, putem apela la proprietățile folosind tipul de înregistrare options.imya_svoystva. Acum putem începe să scrie funcțiile necesare pentru funcționarea plugin, dar mai întâi definim la nivel mondial, în ceea ce privește variabilele plugin:

Deci, începe să scrie funcții. După cum se poate observa din lecția, pe care am luat ca un exemplu, există o culisare de control, care nu răspund la acțiunile utilizatorului atunci când executați efectele de animație, pentru a evita conflictele. Prin urmare, în Plugin funcții care va dezactiva / activa funcțiile de apelare cu ajutorul comenzilor pentru utilizatori necesare. Aceste caracteristici sunt ilustrate mai jos.

Auto defilare codul de pornire a trecut în funcția separată temporizator setTimer deoarece cronometrul ca la început sau nu, depinde de mai mulți parametri date de fișa de aplicare. Această funcție este prezentată mai jos.

În continuare, ia în considerare următoarea funcție și prev. responsabil pentru flipping pe diapozitiv înainte și înapoi, respectiv.

Funcțiile de mai sus utilizează trei funcții definite de utilizator, care sunt descrise mai jos.

Completeaza plug-in nostru functie face. și care se execută atunci când apelați plugin-ul. Acesta va conține evenimente activa funcția precum și codul ruleaza butonul de redare de locuri de muncă / pauză, dacă este disponibil. Acest cod nu este listat in functia start, deoarece folosit doar o singură dată, atunci când porniți plugin. Butonul are două stări: redare și pauză. sunt controlate prin clase cu nume corespunzătoare. Marca Funcția este după cum urmează:

La finalizarea lucrărilor se întoarce plugin face funcția:

Aici se încheie lecția privind crearea propriilor plug-in-uri de peste. Realizarea cu succes a propriilor idei și la revedere!