✅ „JQuery“ papildiniai ir bibliotekos žiniatinklio kūrimui

Turinys

„jQuery Sortable“ - žaidėjų komandos savininkas

Papildinys yra daugkartinio naudojimo kodo įrankis, parašytas standartiniame „JavaScript“ faile. Šie failai suteikia naudingų „jQuery“ metodų, kuriuos galima naudoti kartu su „jQuery“ sistemos metodais.

Pažiūrėkime keletą galimų papildinių ir jų naudojimo pavyzdžių

Papildinio puslapių užpildymas arba sukrautas puslapis
PagePiling.js yra „jQuery“ papildinys, skirtas naršyti tarp svetainės skyrių, slinkdami pele taip, tarsi jie būtų skaidrės per meniu, naudojant klaviatūros rodykles arba sukant pelės ratuką, visos skiltys yra toje pačioje svetainėje. Slinkimas yra vertikalus, todėl puslapis yra sukrautas.

Pradėti
Temary
JQuery

Šios pamokos tikslas yra pristatyti papildinius
iš „JavaScript“ bibliotekos JQUERY

1 - Įvadas į „jQuery“
2 - Pagrindinis programavimas naudojant „jQuery“
3 - Išplėstiniai efektai su „jQuery“

„JavaScript“ biblioteka, skirta mažiau rašyti ir daugiau daryti

Pavyzdys

Konfigūracija atliekama iškviečiant puslapių surinkimo funkciją, kurioje nurodome meniu ID, tada nurodome kiekvienos sekcijos pavadinimą, nurodome kiekvienos sekcijos fono spalvą ir tada dešinėje naršymo srityje nurodome rodomą pavadinimą.

 $ ('# pagina'). pagepiling ({menu: '#menu', inkarai: ['start', 'section', 'sectionb'], sectionColor: ['# 9aceed', '# 2ebe21', '# 2C3E50 '], navigacija: {' position ':' right ',' tooltips ': [' Home ',' A section ',' B section ']}

Skyrių klasė yra ta, kurią naudoja „JQuery“ papildinys Norėdami atpažinti kiekvieną skyrių, įvado klasė yra ta, kurią nurodome pradėti skyriaus skiltį.

Rūšiuoti įskiepiai sąrašams rūšiuoti
Šis papildinys yra labai naudingas norint pertvarkyti sąrašus vilkiant pele ir keičiantis elementais. „WordPress CMS“ naudoja šį papildinį kategorijoms, įrašams ir puslapiams pertvarkyti.

Paimkime pavyzdį, tarkime, kad turime pradinės žaidėjų komandos ir pakaitinės komandos sąrašą, taip pat turime atsarginių žaidėjų sąrašą. Mes sudarysime šiuos tris sąrašus ir, naudodamiesi rūšiuotu papildiniu, galėsime pasikeisti sąrašo žaidėjais, tiesiog nuvilkdami jų vardą pele į sąrašą, kurį norime įtraukti, arba pakeisime jo poziciją tame pačiame sąraše.

 „jQuery Sortable“ - žaidėjų sąrašas 
„jQuery Sortable“ - žaidėjų komandos savininkas


 Antraščių komanda Pakaitinė komanda Atsarginiai žaidėjai 

 
 

José
Alberto
Charlesas
4 punktas

 

Javieras
rėmeliai
Danielis
Genaro

 

Mario
Fernanas
Hiacintas
Manuelis
Silvano

Pavyzdys

Kaip sukurti savo „jQuery“ papildinį?
„JQuery“ papildinys yra scenarijus arba naujas metodas, kurį naudojame kurdami naujas funkcijas, išplėsdami arba palengvindami galimybes, kurias mums siūlo „jQuery“. Norėdami sukurti papildinį, turime deklaruoti funkciją ir užprogramuoti funkcionalumą bendra forma, kad ją būtų galima pakartotinai naudoti bet kuriame puslapyje ar svetainėje.

Turime išanalizuoti ir atsižvelgti į tai, kad įtraukdami įskiepį į „jQuery“ neturime konflikto su jokia kita biblioteka ar funkcija ar net su css failais, kurie galėtų pakeisti mūsų papildinio veikimą. „jQuery“ leidžia įvairiais būdais apibrėžti papildinius. Svetainės elementais negalima saugiai manipuliuoti, kol dokumentas nėra visiškai įkeltas į naršyklę. „jQuery“ aptinka šią būseną, kad nustatytų, kada galima pasiekti html elementus.

Įvykis .ready () bus vykdomas tik įkėlus žiniatinklį ir prieš jį parodant naršyklėje, rodomi elementai.

Šios funkcijos formatas yra toks:

 // Šios funkcijos bus prieinamos, kai žiniatinklis bus įkeliamas $ (document) .ready (function () {function myfunction () {// funkcijos kodas}});

Jei vietoj funkcijos naudoju CSS parinkiklį. Ši eilutė bus vykdoma automatiškai, kai puslapis bus įkeliamas, pavyzdžiui, įkėlus puslapį, visas nuorodas įdėkite žaliai ir 14 pikselių dydžio.

 $ (dokumentas) .ready (funkcija () {$ ('a'). css ({'color': žalia, 'font-size': '14px'});});

Toliau sukursime papildinį, kuris pašalins bet kokius laiškus, paskelbtus svetainės komentarų sąraše.

 
 
 Vartotojų atsiliepimai  

 
 Komentaras „Lorem Ipsum 1“ - penktadienis, 2016-04-04 12:35 „Lorem Ipsum“ yra tiesiog netikras tekstas iš spausdintuvų ir teksto failų.
[email protected]  

 
 Komentaras „Lorem Ipsum 2“ - penktadienis, 2016-04-04 12:35 „Lorem Ipsum“ yra tiesiog netikras tekstas iš spausdintuvų ir teksto failų.
[email protected]