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říkladKonfigurace 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
- José
- Alberto
- Charlesi
- Položka 4
- Javier
- rámy
- Daniel
- Genaro
- Mario
- Fernan
- Hyacint
- Manuel
- Silvano
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] |
