我正在尝试制作我的第一个jquery插件,并想知道我所做的结构是否正确以及是否有改进建议。
;(function ($, window, document, undefined) {
// Function-level strict mode syntax
'use strict';
var foo = null;
var bar = {};
function init(options) {
myFunc1(options);
myFunc2(options);
};
function myFun1(opts) {
foo = 'hallo',
bar = { one : 1, two : 2}
};
function myFun2(opts) {
getGlobals();
//do other
};
function getGlobals() {
var params = {
getFoo : foo,
getBar : bar
}
return params;
};
$.fn.myPlugin = function(options) {
var options = $.extend({}, $.fn.myPlugin.defaults, options);
return this.each(function() {
init(options);
var $this = $(this);
$this.on('click', 'div', function() {
myFunc2(options);
});
};
});
$.fn.myPlugin.defaults = {
cssIconUp : 'glyphicon-chevron-up',
cssIconDown : 'glyphicon-chevron-down'
};
})(jQuery, window, document);
我怀疑初始化模式(init),函数访问选项以及设置全局变量。它可以以不同的方式以更好的方式完成吗? 谢谢