✅ JQuery плъгини и библиотеки за уеб разработка

Съдържание

jQuery Sortable - собственик на екип от играчи

Плъгинът е инструмент за код за многократна употреба, написан в стандартен JavaScript файл. Тези файлове предоставят полезни методи на jQuery, които могат да се използват заедно с методите на рамката на jQuery.

Нека видим някои налични плъгини и примери за това как да ги използваме

Плъгин запълване на страница или подредена страница
PagePiling.js е плъгин за jQuery за придвижване между раздели на уебсайт, като превъртате с мишката, сякаш те се плъзгат през меню, използвайки стрелките на клавиатурата или завъртайки колелото на мишката, всички секции са на един и същ уебсайт. Превъртането е вертикално, поради което страницата е подредена.

Старт
Темария
JQuery

Целта на този урок е да представи плъгини
от JavaScript библиотеката JQUERY

1 - Въведение в jQuery
2 - Основно програмиране с jQuery
3 - Разширени ефекти с jQuery

Библиотека на JavaScript, за да пишете по -малко и да правите повече

Пример

Конфигурирането се извършва чрез извикване на функцията за подреждане на страници, където посочваме идентификатора на менюто, след това посочваме името на всеки раздел, посочваме цвета на фона за всеки раздел и след това в дясната навигация посочваме името, което ще се появи.

 $ ('# pagina'). pagepiling ({menu: '#menu', котви: ['start', 'section', 'sectionb'], раздели Цвят: ['# 9aceed', '# 2ebe21', '# 2C3E50 '], навигация: {' position ':' right ',' tooltips ': [' Home ',' Section A ',' Section B ']}

Класът на секциите е този, който се използва от Приставка JQuery За да разпознаем всеки раздел, интро класът е този, който посочваме, за да започнем съдържанието на раздел.

Плъгин за сортиране за сортиране на списъци
Този плъгин е много полезен за пренареждане на списъци чрез плъзгане с мишката и размяна на елементи. Wordpress cms използва тази приставка за пренареждане на категории, публикации и страници.

Нека направим един пример, да предположим, че имаме списък с начален отбор от играчи и резервен отбор, ние също имаме списък с резервни играчи. Ще направим тези три списъка и с помощта на сортируемата приставка ще можем да разменим играчите на списъка, просто като плъзнем името им с мишката към списъка, който искаме да поставим или променим позицията му в същия списък.

 jQuery Sortable - Списък на играчите 
jQuery Sortable - собственик на екип от играчи


 Екип на заглавията Резервен отбор Резервни играчи 

 
 

Хосе
Алберто
Чарлз
Точка 4

 

Хавиер
рамки
Даниел
Хенаро

 

Марио
Фернан
Зюмбюл
Мануел
Силвано

Пример

Как да създам свой собствен jQuery плъгин?
Приставката jQuery е скрипт или нов метод, който използваме за създаване на нова функционалност чрез разширяване или улесняване на възможностите, които ни предлага jQuery. За да създадем плъгин, трябва да декларираме функция и да програмираме функционалността в обща форма, така че да може да се използва повторно на всяка страница или уебсайт.

Трябва да анализираме и да вземем предвид, че когато включваме нашия плъгин в jQuery, нямаме конфликт с друга библиотека или функция или дори с css файлове, които биха могли да променят производителността на нашия плъгин. jQuery ни позволява да дефинираме приставки по различни начини. Елементите на уебсайт не могат да бъдат безопасно манипулирани, докато документът не бъде напълно зареден в браузъра. jQuery открива това състояние, за да определи кога html елементите могат да бъдат достъпни.

Събитието .ready () ще бъде изпълнено само след зареждането на мрежата и преди да бъде показано в браузъра, .ready () има за цел да изпълни някаква функция веднага след зареждането на целия HTML документ, като гарантира, че нашият код ще бъде изпълнен на елементи, които се показват.

Форматът на тази функция е:

 // Тези функции ще бъдат достъпни, когато мрежата приключи зареждането на $ (document) .ready (function () {function myfunction () {// код на функцията}});

Ако вместо функция прилагам CSS селектор. Този ред ще се изпълни автоматично, когато страницата приключи зареждането, например след зареждане на страницата, поставете всички връзки в зелено и с размер 14 пиксела.

 $ (document) .ready (function () {$ ('a'). css ({'color': зелено, 'font-size': '14px'});});

След това ще създадем приставка, която елиминира всяка поща, публикувана в списък с коментари на уебсайт.

 
 
 Отзиви на потребители  

 
 Коментирайте Lorem Ipsum 1 - петък 01/04/2016 12:35 Lorem Ipsum е просто фиктивен текст от принтери и текстови файлове.
[email protected]  

 
 Коментирайте Lorem Ipsum 2 - петък 01/04/2016 12:35 Lorem Ipsum е просто фиктивен текст от принтери и текстови файлове.
[email protected]