0
这是我的jquery插件的结构。 我想知道如何我的代码更改为从插件jquery插件 - 公共方法结构
;(function ($, window, document, undefined) {
/* Function-level strict mode syntax */
'use strict';
/* MYPLUGIN */
$.fn.myPlugin = function(options) {
var options = $.extend({}, $.fn.myPlugin.defaults, options);
return this.each(function() {
var $this = $(this);
var that = this;
//append overlay div
$(that).append("<div class=\"btn-overlay\"></div>");
$(that).on('click', function() {
startEvent();
setTimeout(function() {
endEvent();
}, 2000);
});
function startEvent() {
//code
}
function endEvent() {
//code
}
});
};
/* PLUGIN DEFAULTS PARAMETERS */
$.fn.myPlugin.defaults = {
//defaults
};
})(jQuery, window, document);
之外调用函数(stopEvent和startEvent)调用以这种方式
$('div').myPlugin();
$('div').myPlugin(startEvent);
$('div').myPlugin(stopEvent);
或调用这种方式
var plg = $('div').myPlugin();
plg.startEvent();
plg.stopEvent();
我想知道两种调用方法有什么区别。 感谢
这种结构的工作原理与同一页面上的多个项目?例如ele = .class(多个元素)。谢谢 – Gus
是的'返回this.each(函数(){...'将处理 –