我正在创建我的第一个 jQuery 插件并希望创建 jQuery 对象,但希望能够控制刚刚创建的对象...
我正在按照此处推荐的格式构建我的插件:http: //docs.jquery.com/Plugins/Authoring
这是我的测试代码:
(function($){
var $this = $(this);
var methods = {
init : function( options ) {
// methods.createDiv();
$this = $('<div>TEST CONTENT</div>')
.attr({ 'id':'test' })
.css({'color':'white','backgroundColor': 'red'})
.appendTo("body");
setTimeout(function(){
methods.green();
},
3000
);
return $this;
},
green : function( ) {
$this.css({'backgroundColor': 'green'});
},
blue : function( ) {
$this.css({'backgroundColor': 'blue'});
}
};
$.fn.myPlugin = function( method ) {
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === 'object' || ! method ) {
return methods.init.apply( this, arguments );
} else {
$.error( 'Method ' + method + ' does not exist on jQuery.tooltip' );
}
};
})( jQuery );
$(document).ready(function () {
var myTest = $.fn.myPlugin();
myTest.blue();
});
最终,我希望能够使用 myTest 变量控制新创建的 div,但它不起作用。我敢肯定我遗漏了一些明显的部分和我正在犯的错误,但这就是我在这里发帖的原因。这是我的第一个插件,所以如果有人可以帮助我启动并运行这个测试代码,我将不胜感激。目前,萤火虫报告:“TypeError:myTest.blue 不是函数”