Додатак је алатка за вишекратну употребу кода написана у стандардној ЈаваСцрипт датотеци. Ове датотеке пружају корисне методе јКуери које се могу користити заједно са методама оквира јКуери.
Погледајмо неке доступне додатке и примере како их користити
Додавање странице или наслагана страница
ПагеПилинг.јс је јКуери додатак за кретање по одељцима веб локације кретањем миша као да се крећу кроз мени, помоћу стрелица на тастатури или ротирањем точкића миша, сви одељци су на истој веб локацији. Померање је вертикално, па је страница наслагана.
- Почетак
- Темари
- ЈКуери
Циљ овог водича је представити додатке
из ЈаваСцрипт библиотеке ЈКУЕРИ
- 1 - Увод у јКуери
- 2 - Основно програмирање помоћу јКуери -ја
- 3 - Напредни ефекти са јКуери -јем
ЈаваСцрипт библиотека за мање писања и више
ПримерКонфигурација се врши позивањем функције скупљања страница, где означавамо ид менија, затим означавамо назив сваког одељка, означавамо боју позадине за сваки одељак, а затим у десној навигацији означавамо име које ће се појавити.
$ ('# страница'). пагепилинг ({мену: '#мену', сидра: ['старт', 'сецтион', 'сецтионб'], сецтионЦолор: ['# 9ацеед', '# 2ебе21', '# 2Ц3Е50 '], навигација: {' поситион ':' ригхт ',' тоолтипс ': [' Хоме ',' Сецтион А ',' Сецтион Б ']}Класа одељка је она коју користи Додатак ЈКуери Да бисмо препознали сваки одељак, уводни разред је онај који означавамо да започне садржај одељка.
Додатак за сортирање за сортирање листа
Овај додатак је веома користан за преуређивање листа повлачењем миша и разменом ставки. Вордпресс цмс користи овај додатак за преуређивање категорија, постова и страница.
Урадимо пример, претпоставимо да имамо списак почетног тима играча и заменског тима, такође имамо списак резервних играча. Направићемо ове три листе и помоћу додатка за сортирање моћи ћемо да разменимо играче листе једноставним превлачењем њиховог имена мишем на листу коју желимо да ставимо или променимо њену позицију унутар исте листе.
јКуери Сортабле - Листа играчајКуери Сортабле - власник тима играча
- Јосе
- Алберто
- Цхарлес
- Тачка 4
- Јавиер
- оквири
- Даниел
- Генаро
- Марио
- Фернан
- Зумбул
- Мануел
- Силвано
Како да направим свој јКуери додатак?
Додатак јКуери је скрипта или нова метода коју користимо за креирање нове функционалности проширујући или олакшавајући могућности које нам јКуери нуди. Да бисмо креирали додатак, морамо декларисати функцију и програмирати функционалност у генеричком облику тако да се може поново користити на било којој страници или веб локацији.
Морамо анализирати и узети у обзир да приликом укључивања нашег додатка у јКуери немамо сукоб са било којом другом библиотеком или функцијом, па чак ни са цсс датотекама које би могле да промене перформансе нашег додатка. јКуери нам омогућава да дефинишемо додатке на различите начине. Елементи веб локације не могу се безбедно манипулисати све док се документ потпуно не учита у прегледач. јКуери открива ово стање да би одредио када се хтмл елементима може приступити.
Догађај .реади () ће се извршити само када се веб учита и пре него што се прикаже у прегледачу, .реади () има сврху извршавања неке функције одмах након учитавања целог ХТМЛ документа, осигуравајући да се наш код извршава на елементи који се приказују.
Формат ове функције је:
// Ове функције ће бити доступне када веб заврши са учитавањем $ (доцумент) .реади (фунцтион () {фунцтион мифунцтион () {// код функције}});Ако уместо функције применим ЦСС бирач. Ова линија ће се аутоматски извршити када страница заврши са учитавањем, на пример након учитавања странице, поставите све везе у зелено и величине 14 пиксела.
$ (доцумент) .реади (фунцтион () {$ ('а'). цсс ({'цолор': греен, 'фонт-сизе': '14пк'});}); Затим ћемо створити додатак који елиминише сву пошту објављену на листи коментара на веб локацији.
| Рецензије корисника |
| Коментар Лорем Ипсум 1 - петак 01.04.2016. 12:35 Лорем Ипсум је једноставно лажни текст са штампача и текстуалних датотека. јосе@гмаил.цом |
| Коментар Лорем Ипсум 2 - петак 01.04.2016. 12:35 Лорем Ипсум је једноставно лажни текст са штампача и текстуалних датотека. унемаил99@гмаил.цом |
