我一直在使用jQuery Boilerplate开发插件,但有一件事我无法弄清楚,就是如何从插件外部调用方法。
以下是我所说的boilerplate代码的参考: http://jqueryboilerplate.com/
这是我的fiddle:
下面是代码:
;(function ( $, window, document, undefined ) {
var pluginName = 'test';
var defaults;
function Plugin(element, options) {
this.element = element;
this.options = $.extend( {}, defaults, options) ;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init: function() {
this.hello();
},
hello : function() {
document.write('hello');
},
goodbye : function() {
document.write('goodbye');
}
}
$.fn[pluginName] = function ( options ) {
return this.each(function () {
if (!$.data(this, 'plugin_' + pluginName)) {
$.data(this, 'plugin_' + pluginName,
new Plugin( this, options ));
}
});
}
})( jQuery, window, document );
$(document).ready(function() {
$("#foo").test();
$("#foo").test('goodbye');
});
我正试图使用以下语法调用goodbye方法:
$("#foo").test('goodbye')
我该如何做到这一点?提前感谢。