Пишем свой плагин для Jquery

24.04.2019 Павел Грибов WEB

На примере самого примитивного действа — вывести при помощи плагина текст в определенное место.

html:

<div id="capcha" name="capcha"></div>

1	<div id="capcha" name="capcha"></div>

javascript:

jQuery.fn.Capcha = function(options) {      
            // воспользуемся расширением extend чтобы иметь "настройки по умолчанию"
            var settings = $.extend( {
                  'caption'         : 'Заголовок по умолчанию'                  
                }, options);    
            console.log(settings);              
            // не посредственно работа плагина
            this.html(settings.caption);         
            return this;
   
};

$(function() {      
    $("#capcha").Capcha({
       caption: "Hello World!"
    });
});

jQuery.fn.Capcha = function(options) {

// воспользуемся расширением extend чтобы иметь "настройки по умолчанию"

var settings = $.extend( {

'caption' : 'Заголовок по умолчанию'

}, options);

console.log(settings);

// не посредственно работа плагина

this.html(settings.caption);

return this;

};

$(function() {

$("#capcha").Capcha({

caption: "Hello World!"

});

Оставить комментарий Jquery, plugin, плагин

Пн	Вт	Ср	Чт	Пт	Сб	Вс
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Пишем свой плагин для Jquery

Добавить комментарий Отменить ответ