Cum se descarcă jQuery UI Library pentru HTML5 și CSS3 Programare - dummies

Scrierea codului jQuery UI nu este dificilă, dar obținerea părților potrivite ale bibliotecii poate fi puțin confuză pentru programatorii HTML5 și CSS3. Biblioteca jQuery UI este mult mai mare decât pachetul standard jQuery, deci este posibil să nu doriți să includeți întregul lucru dacă nu aveți nevoie de el.

Versiunile anterioare ale jQuery UI vă permit să descărcați întregul pachet, dar să stocați fiecare dintre elementele dintr-un fișier JavaScript separat. A fost obișnuit să existe o jumătate de duzină de etichete diferite de script care să fie activi doar pentru a obține diferitele elemente în loc.

Mai rău, au existat unele probleme de dependență, deci trebuie să vă asigurați că ați instalat anumite pachete înainte de a utiliza alte pachete. Acest lucru a făcut ca o bibliotecă simplă destul de complexă să fie utilizată efectiv.

Din fericire, cele mai recente versiuni ale interfeței jQuery fac acest proces destul de simplu:

1. Alegeți (sau creați) tema.

   Folosiți site-ul themeRoller pentru a alege un loc de pornire din biblioteca de șabloane. Apoi, puteți personaliza tema exact pentru a face ceea ce doriți (schimbarea culorilor, a fonturilor și a altor elemente).

2. Descărcați tema.

   TemaRoller are un buton de descărcare. Faceți clic pe acesta când sunteți pregătit să descărcați tema.

3. Alegeți elementele pe care le doriți.

   Când începeți pentru prima oară un proiect, veți alege probabil toate elementele. Dacă constatați că pagina se încarcă prea lent, s-ar putea să construiți o versiune mai mică care să conțină doar acele elemente de care aveți nevoie. Pentru moment, alegeți totul.

4. Descărcați fișierul.

   După ce ați ales elementele pe care le doriți, le puteți descărca într-un fișier zip.

5. Instalați conținutul fișierului zip în directorul de lucru.

   Fișierul zip conține un număr de fișiere și directoare. Copiați directoarele css și js în directorul unde vor fi paginile dvs. web (adesea directorul public_html sau htdocs). Nu este nevoie să copiați directorul pachetului de dezvoltare sau indexul. html pagina.

6. Dacă instalați mai multe teme, copiați numai informațiile despre teme din teme suplimentare.

   Toate temele utilizează același JavaScript. Doar CSS (și fișiere imagine asociate) se modifică. Dacă doriți să aveți mai multe teme în proiect, copiați conținutul CSS. Fiecare temă va fi un subdirector diferit din directorul CSS principal.

7. Legătura cu fișierele CSS.

   Utilizați tehnica link-ului standard pentru a vă conecta la fișierele CSS create de jQuery UI. De asemenea, puteți să vă conectați la propriile fișiere CSS sau să utilizați CSS intern pe lângă CSS personalizat. Asigurați-vă că aveți calea corectă.

8. Link către fișierele JavaScript.

   Setul de instrumente jQuery UI instalează, de asemenea, două fișiere JavaScript: biblioteca standard jQuery și biblioteca jQuery UI. Implicit, ambele fișiere sunt instalate în directorul js. Va trebui să vă conectați la ambele fișiere. Uneori veți vedea fișierele minime, alături de versiunile obișnuite. Versiunea minimizată va avea termenul "min embedded". Oricare dintre versiuni este bine, dar versiunea minimizată se va încărca mai repede.

Dacă ceva nu funcționează corect, verificați din nou calea fișierelor. Aproape întotdeauna problemele apar deoarece nu ați legat toate fișierele corecte. De asemenea, rețineți că fișierele CSS create de jQuery UI includ și imagini. Asigurați-vă că tema dvs. are un director de imagini asociat sau că este posibil ca proiectul dvs. să nu funcționeze corect. Dacă ați copiat întreaga directoare CSS și JS din descărcare, ar trebui să fiți bine.