✅ Pluginy a knihovny JQuery pro vývoj webu

Obsah

jQuery Sortable - vlastník hráčského týmu

Plugin je nástroj pro opakovaně použitelný kód napsaný ve standardním souboru JavaScript. Tyto soubory poskytují užitečné metody jQuery, které lze použít ve spojení s metodami jQuery framework.

Podívejme se na některé dostupné pluginy a příklady, jak je používat

Plugin Pagepilling nebo skládaná stránka
PagePiling.js je jQuery plugin pro navigaci mezi sekcemi webové stránky posouváním myší, jako by se pohybovaly v nabídce, pomocí šipek na klávesnici nebo otáčením kolečka myši, všechny sekce jsou na stejné webové stránce. Posouvání je svislé, proto je stránka skládaná.

Start
Dočasné
JQuery

Cílem tohoto tutoriálu je představit pluginy
z knihovny JavaScript JQUERY

1 - Úvod do jQuery
2 - Základní programování s jQuery
3 - Pokročilé efekty s jQuery

Knihovna JavaScript, která umožňuje méně psát a více dělat

Příklad

Konfigurace se provádí vyvoláním funkce stránkování, kde uvedeme id nabídky, poté uvedeme název každé sekce, barvu pozadí pro každou sekci a poté v pravé navigaci označíme název, který se objeví.

 $ ('# pagina'). stránkování ({nabídka: '#menu', kotvy: ['start', 'sekce', 'sectionb'], sekceColor: ['# 9aceed', '# 2ebe21', '# 2C3E50 '], navigace: {' position ':' right ',' tooltips ': [' Home ',' Section A ',' Section B ']}

Třída sekce je ta, kterou používá Plugin JQuery Abychom rozeznali každou sekci, je úvodní třídou ta, kterou uvedeme pro zahájení obsahu sekce.

Sortable plugin pro třídění seznamů
Tento plugin je velmi užitečný pro změnu pořadí seznamů přetažením myší a výměnou položek. Wordpress cms pomocí tohoto pluginu mění pořadí kategorií, příspěvků a stránek.

Ukažme příklad, předpokládejme, že máme seznam začínajícího týmu hráčů a náhradního týmu, máme také seznam rezervních hráčů. Vytvoříme tyto tři seznamy a pomocí doplňkového pluginu si budeme moci hráče seznamu vyměnit jednoduše přetažením jejich jména myší do seznamu, který chceme umístit, nebo změnit jeho pozici ve stejném seznamu.

 jQuery Sortable - seznam hráčů 
jQuery Sortable - vlastník hráčského týmu


 Tým titulků Náhradní tým Rezervujte hráče 

 
 

José
Alberto
Charlesi
Položka 4

 

Javier
rámy
Daniel
Genaro

 

Mario
Fernan
Hyacint
Manuel
Silvano

Příklad

Jak vytvořím vlastní plugin jQuery?
Plugin jQuery je skript nebo nová metoda, kterou používáme k vytvoření nové funkce rozšířením nebo usnadněním možností, které nám jQuery nabízí. K vytvoření pluginu musíme deklarovat funkci a naprogramovat ji v obecné formě, aby jej bylo možné znovu použít na jakékoli stránce nebo webu.

Musíme analyzovat a vzít v úvahu, že při zahrnutí našeho pluginu do jQuery nemáme konflikt s žádnou jinou knihovnou nebo funkcí nebo dokonce se soubory css, které by mohly změnit výkon našeho pluginu. jQuery nám umožňuje definovat pluginy různými způsoby. S prvky webové stránky nelze bezpečně manipulovat, dokud není dokument plně načten v prohlížeči. jQuery detekuje tento stav, aby určil, kdy lze přistupovat k html prvkům.

Událost .ready () bude spuštěna pouze poté, co byl web načten a než se zobrazí v prohlížeči. prvky, které se zobrazují.

Formát této funkce je:

 // Tyto funkce budou k dispozici po dokončení načítání webu $ (document) .ready (function () {function myfunction () {// kód funkce}});

Pokud místo funkce použiji volič CSS. Tento řádek bude spuštěn automaticky po dokončení načítání stránky, například po načtení stránky, vložte všechny odkazy zeleně a o velikosti 14 pixelů.

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

Dále vytvoříme plugin, který odstraní veškerou poštu zveřejněnou v seznamu komentářů na webové stránce.

 
 
 Uživatelské recenze  

 
 Komentovat Lorem Ipsum 1 - Pátek 01/04/2016 12:35 Lorem Ipsum je jednoduše fiktivní text z tiskáren a textových souborů.
[email protected]  

 
 Komentovat Lorem Ipsum 2 - Pátek 01/04/2016 12:35 Lorem Ipsum je jednoduše fiktivní text z tiskáren a textových souborů.
nezamestnaný[email protected]