编写一个jQuery插件

Question

我在jquery做我的第一个插件用于练习它不起作用，我看过教程和api文档并没有找到问题。

我在html和span.sl1中有一个select。我这么称呼它：

$("select").selectFunc("onChange");

我的插件代码是：

    (function( $ ){
var metodos = {
    init : function(opciones) {   
        var configuracion = {  
            container:$('span.sl1'),
            valor:$(this).val()
        };  
        return this.each(function(){  
            if(opciones){  
                configuracion = $.extend(configuracion,opciones);  
            }  
        });  
    },
    onChange:function(opciones){
        return this.each(function(){
            $(this).bind('change',function(){
                container.html(valor);
            });
        });
    },
    unbind : function (){  
        return this.each(function(){  
            $(this).unbind('mouseover');  
            $(this).unbind('mouseout');  
        });  
    }  
};
$.fn.selectFunc = function( metodos ) {
    if (metodos[method] ) {
        return metodos[ metodo ].apply( this, Array.prototype.slice.call( argumentos, 1 ));
    }
    else if ( typeof metodo === 'object' || ! metodo ) {
        return metodos.init.apply( this, argumentos );
    }
    else {
        $.error( 'Este método ' +  metodo + ' no existe en jQuery.estiloPropio' );
    }    
};
})( jQuery ); 

Answer 1

您可能还想检查this page以获取快速jquery插件样板。