練習のためにjqueryで最初のプラグインを実行していますが、機能しません。チュートリアルとAPIドキュメントを見ましたが、問題が見つかりませんでした。
私はhtmlとspan.sl1で選択しています。そして、私はそれを次のように呼びます:
$("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 );