✅ JQuery -plugins och bibliotek för webbutveckling

Innehållsförteckning

jQuery Sorterbar - lagets ägare

Ett plugin är ett återanvändbart kodverktyg skrivet i en vanlig JavaScript -fil. Dessa filer tillhandahåller användbara jQuery -metoder som kan användas tillsammans med jQuery -rammetoderna.

Låt oss se några tillgängliga plugins och exempel på hur du använder dem

Plugin Pagepilling eller staplad sida
PagePiling.js är ett jQuery -plugin för att navigera mellan delar av en webbplats genom att rulla med musen som om de vore genom en meny, använda tangentbordspilarna eller rotera mushjulet, alla sektioner finns på samma webbplats. Rullningen är vertikal, därför staplas sidan.

Start
Tillfälligt
JQuery

Syftet med denna handledning är att presentera plugins
från JavaScript -biblioteket JQUERY

1 - Introduktion till jQuery
2 - Grundläggande programmering med jQuery
3 - Avancerade effekter med jQuery

Ett JavaScript -bibliotek för att skriva mindre och göra mer

Exempel

Konfigurationen görs genom att anropa sidfileringsfunktionen, där vi anger menyens id, sedan anger vi namnet på varje avsnitt, vi anger bakgrundsfärgen för varje sektion och sedan i den högra navigeringen anger vi namnet som kommer att visas.

 $ ('# sida'). sidpiling ({meny: '#meny', ankare: ['start', 'avsnitt', 'avsnittb'], sektionerColor: ['# 9aceed', '# 2ebe21', '# 2C3E50 '], navigation: {' position ':' höger ',' verktygstips ': [' Hem ',' Avsnitt A ',' Avsnitt B ']}

Sektionsklassen är den som används av JQuery -plugin För att känna igen varje avsnitt är introduktionsklassen den vi anger för att börja innehållet i en sektion.

Sorterbart plugin för att sortera listor
Denna plugin är mycket användbar för att ordna om listor genom att dra med musen och utbyta objekt. Wordpress cms använder detta plugin för att ordna om kategorier, inlägg och sidor.

Låt oss göra ett exempel, anta att vi har en lista över ett startande lag och ett ersättande lag, vi har också en lista över reservspelare. Vi kommer att göra dessa tre listor och med hjälp av den sorteringsbara plugin kommer vi att kunna utbyta listans spelare helt enkelt genom att dra deras namn med musen till listan som vi vill lägga eller ändra dess position inom samma lista.

 jQuery Sortable - Spelarlista 
jQuery Sorterbar - lagets ägare


 Rubriker Team Ersättarlag Reservspelare 

 
 

José
Alberto
Charles
Punkt 4

 

Javier
ramar
Daniel
Genaro

 

Mario
Fernan
Hyacint
Manuel
Silvano

Exempel

Hur skapar jag mitt eget jQuery -plugin?
Ett jQuery -plugin är ett skript eller en ny metod som vi använder för att skapa en ny funktionalitet genom att utöka eller underlätta de möjligheter som jQuery erbjuder oss. För att skapa ett plugin måste vi deklarera en funktion och programmera funktionaliteten i generisk form så att den kan återanvändas på valfri sida eller webbplats.

Vi måste analysera och ta hänsyn till att när vi inkluderar vårt plugin i jQuery har vi inga konflikter med något annat bibliotek eller någon annan funktion eller ens med css -filer som kan förändra prestandan för vårt plugin. jQuery låter oss definiera plugins på olika sätt. Elementen på en webbplats kan inte manipuleras säkert förrän dokumentet är fullt laddat i webbläsaren. jQuery upptäcker detta tillstånd för att avgöra när HTML -element kan nås.

Händelsen .ready () körs först när webben har lästs in och innan den visas i webbläsaren har .ready () syftet att köra någon funktion direkt efter att hela HTML -dokumentet har lästs in så att vår kod körs på element som visas.

Formatet för denna funktion är:

 // Dessa funktioner kommer att vara tillgängliga när webben har läst in $ (document) .ready (function () {function myfunction () {// kod för funktionen}});

Om jag använder en CSS -väljare istället för en funktion. Den här raden körs automatiskt när sidan är laddad, till exempel efter att du läst in sidan, sätter alla länkar i grönt och med en storlek på 14 pixlar.

 $ (dokument) .ready (funktion () {$ ('a'). css ({'color': green, 'font-size': '14px'});});

Därefter skapar vi ett plugin som eliminerar alla e -postmeddelanden som publiceras i en lista med kommentarer på en webbplats.

 
 
 Användarrecensioner  

 
 Kommentar Lorem Ipsum 1 - Fredag 01/04/2016 12:35 Lorem Ipsum är helt enkelt dummetext från skrivare och textfiler.
[email protected]  

 
 Kommentar Lorem Ipsum 2 - Fredag 01/04/2016 12:35 Lorem Ipsum är helt enkelt dummy -text från skrivare och textfiler.
[email protected]