Създаване на JQuery плъгин

Например, ние приемаме урок стилен слайдер на JQuery. Плъзгачът е добър пример, тъй като тя е доста популярен нещо и гъвкави настройки могат да изпълняват повече или по-малко различни задачи (слайдшоу каруселните снимки и т.н.).

Всички изисквания за оформлението описано по-горе в урока, така че те няма да спрат. Ние наричаме «mySimpleSlider» бъдещото ни щепсел.

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

Сега ние се пристъпи към освобождаването на свойствата на приставки, които трябва да се променят в зависимост от всеки конкретен случай употреба. За плъзгача съм идентифициран свойствата, изброени по-долу. сменяеми свойства трябва да бъдат написани в следния вид:

След това, в рамките на плъгин можем да се обърнем към имотите с помощта options.imya_svoystva на запис тип. Сега можем да започнем да пишем на функциите, необходими за работата на плъгина, но първо ние определяме глобално, по отношение на променливите на плъгина:

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

Автоматично превъртане старт код премина в таймер setTimer отделна функция, тъй като таймера като начало или не, това зависи от няколко параметри, дадени от щепсела за кандидатстване. Тази функция е показано по-долу.

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

Функциите на горе използва три потребителски дефинирани функции, които са описани по-долу.

Довършва нашата приставка функция грим. и която се управлява, когато се обадите на приставката. Той ще съдържа събития дават възможност за функция, както и кода работи бутона за възпроизвеждане работа / пауза, ако има такива. Този код не е включена в началото на функция, тъй като се използва само веднъж, когато започнете приставката. Бутонът има две състояния: игра и пауза. се контролират чрез класовете със съответните имена. Функция грим е както следва:

След приключване на работата плъгин връща правят на функцията:

С това завършва нашия урок за създаване на собствени плъгини свърши. Успешното реализиране на собствените си идеи и сбогом!