0

我正在创建我的第一个 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 不是函数”

4

1 回答 1

-1

调用您的方法:

myTest.myPlugin("blue");

这是一个演示:http: //jsfiddle.net/5p2Ba/

blue这里不是 jQuery 对象的方法。您只是methods使用闭包将对象绑定到模块中。

于 2013-03-04T23:49:20.463 回答