Spraudnis ir atkārtoti lietojams koda rīks, kas ierakstīts standarta JavaScript failā. Šie faili nodrošina noderīgas jQuery metodes, kuras var izmantot kopā ar jQuery ietvara metodēm.
Apskatīsim dažus pieejamos spraudņus un to izmantošanas piemērus
Plugin Pagepilling vai Stacked Page
PagePiling.js ir jQuery spraudnis, lai pārvietotos starp vietnes sadaļām, ritinot ar peli tā, it kā tās būtu slaidi pa izvēlni, izmantojot tastatūras bultiņas vai pagriežot peles ritenīti, visas sadaļas atrodas tajā pašā vietnē. Ritināšana ir vertikāla, tāpēc lapa ir sakrauta.
- Sākt
- Temary
- JQuery
Šīs apmācības mērķis ir prezentēt spraudņus
no JavaScript bibliotēkas JQUERY
- 1 - Ievads jQuery
- 2 - Pamata programmēšana ar jQuery
- 3 - Uzlabotie efekti ar jQuery
JavaScript bibliotēka, lai rakstītu mazāk un darītu vairāk
PiemērsKonfigurācija tiek veikta, izsaucot lapu lapošanas funkciju, kur mēs norādām izvēlnes id, pēc tam mēs norādām katras sadaļas nosaukumu, mēs norādām katras sadaļas fona krāsu un pēc tam labajā navigācijā mēs norādām nosaukumu, kas parādīsies.
$ ('# pagina'). pagepiling ({menu: '#menu', enkuri: ['start', 'section', 'sectionb'], sectionColor: ['# 9aceed', '# 2ebe21', '# 2C3E50 '], navigācija: {' position ':' right ',' tooltips ': [' Home ',' A section ',' B section ']}Sadaļas klase ir tā, kuru izmanto JQuery spraudnis Lai atpazītu katru sadaļu, ievada klase ir tā, kuru mēs norādām, lai sāktu sadaļas saturu.
Kārtojams spraudnis, lai kārtotu sarakstus
Šis spraudnis ir ļoti noderīgs, lai pārkārtotu sarakstus, velkot ar peli un apmainoties ar vienumiem. WordPress cms izmanto šo spraudni, lai pārkārtotu kategorijas, ziņas un lapas.
Pieņemsim piemēru, pieņemsim, ka mums ir spēlētāju sākumsastāva un aizstājēju komandas saraksts, mums ir arī rezerves spēlētāju saraksts. Mēs izveidosim šos trīs sarakstus, un, izmantojot kārtojamo spraudni, mēs varēsim apmainīties ar saraksta spēlētājiem, vienkārši velkot viņu vārdu ar peli uz sarakstu, kuru vēlamies ievietot vai mainīt tā pozīciju tajā pašā sarakstā.
Sortable jQuery - spēlētāju sarakstsjQuery Sortable - spēlētāju komandas īpašnieks
- Hosē
- Alberto
- Čārlzs
- 4. punkts
- Havjers
- rāmji
- Daniels
- Genaro
- Mario
- Fernans
- Hiacinte
- Manuels
- Silvano
Kā izveidot savu spraudni jQuery?
JQuery spraudnis ir skripts vai jauna metode, ko mēs izmantojam, lai izveidotu jaunu funkcionalitāti, paplašinot vai atvieglojot iespējas, ko mums piedāvā jQuery. Lai izveidotu spraudni, mums ir jādeklarē funkcija un jāprogrammē funkcionalitāte vispārīgā veidā, lai to varētu atkārtoti izmantot jebkurā lapā vai vietnē.
Mums ir jāanalizē un jāņem vērā, ka, iekļaujot mūsu spraudni jQuery, mums nav konflikta ar kādu citu bibliotēku vai funkciju vai pat ar css failiem, kas varētu mainīt mūsu spraudņa darbību. jQuery ļauj mums definēt spraudņus dažādos veidos. Ar vietnes elementiem nevar droši manipulēt, kamēr dokuments nav pilnībā ielādēts pārlūkprogrammā. jQuery nosaka šo stāvokli, lai noteiktu, kad var piekļūt html elementiem.
Notikums tiek parādīti elementi.
Šīs funkcijas formāts ir šāds:
// Šīs funkcijas būs pieejamas, kad tīmeklis būs ielādējis $ (document) .ready (function () {function myfunction () {// funkcijas kods}});Ja funkcijas vietā es izmantoju CSS selektoru. Šī rinda tiks izpildīta automātiski, kad lapa tiks ielādēta, piemēram, pēc lapas ielādes ievietojiet visas saites zaļā krāsā un ar 14 pikseļu izmēru.
$ (dokuments) .ready (funkcija () {$ ('a'). css ({'color': green, 'font-size': '14px'});}); Tālāk mēs izveidosim spraudni, kas izslēgs visus ziņojumus, kas publicēti tīmekļa vietnes komentāru sarakstā.
| Lietotāju atsauksmes |
| Komentārs Lorem Ipsum 1 - piektdiena, 01.04.2016 12:35 Lorem Ipsum ir vienkārši fiktīvs teksts no printeriem un teksta failiem. [email protected] |
| Komentārs Lorem Ipsum 2 - piektdiena, 01.04.2016 12:35 Lorem Ipsum ir vienkārši fiktīvs teksts no printeriem un teksta failiem. [email protected] |
