0
私は、ユーザーがタイトル、サブタイトル、およびテキストを含むモジュールを構築することができるシンプルなJQueryプラグインを構築しています。Jqueryプラグインのための動的配列
私は、ユーザーが1回のプラグインコールで複数の要素をモジュールに追加できるようにします。
変数の設定でvar methods = {
build : function(options) {
var settings = $.extend({
'header' : 'Untitled',
'subtitle' : 'Subtitle',
'content' : 'Lorem ipsum dolor amet...',
'img' : '' //img URL
}, options);
//Create the div to hold elements
var box = $('<div/>', {
class: 'service'
}).appendTo(this);
//Populate div with header
$('<h2/>', {
class: 'service-title',
text: settings.header
}).appendTo(box);
//Check for subtitle
if(settings.subtitle != 'Subtitle') {
$('<h4/>', {
class: 'service-sub',
text: settings.subtitle
}).appendTo(box);
}
//Add body text
$('<p/>', {
class: 'service-text',
text: settings.content
}).appendTo(box);
//Check for image
if(settings.img != '') {
$('<img/>', {
class: 'service-img',
src: settings.img
}).appendTo(box);
}
},
add : function() {
}
};
$.fn.service = function(method) {
if (methods[method]) {
return methods[ method ].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || ! method) {
return methods.build.apply(this, arguments);
} else {
$.error("Method " + method + " does not exist for the Servicer");
}
};
})(jQuery);
、副題の下で、私は、ユーザーが