ejemplos - espacio de nombres jquery: cómo pasar las opciones predeterminadas de un método a los métodos de subsecuencia?

django

Question

¿Cómo puedo pasar las opciones predeterminadas de un método a los métodos de subsecuencia ?

Por ejemplo, tengo algunas configuraciones predeterminadas en el método init . y quiero usar estas configuraciones para otros métodos como show ,

(function($) {
var methods = {
init: function(options) {
var defaults = {
element: "selection"
}
var options = $.extend(defaults, options);
var o = options;
alert(o.element);
},
show: function(o) {
alert(o.element);
},
hide: function() {
alert(o.element);
}
};
$.fn.plugin = 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 );
var blah = $(''#hello'').plugin(''show''); // TypeError: o is undefined

Me gustaría obtener la selection como la respuesta ... ¿es posible?

EDITAR:

(function($) {
$.fn.plugin = 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'' );
}
};
$.fn.plugin.defaults = {
attr: ''checked'',
expected: true,
onChange: function(){}
};
var methods = {
init: function(options) {
var options = $.extend({}, $.fn.plugin.defaults, options);
var o = options;
var $this = this;
$this.show();
//alert(o.attr);
},
show: function(options) {
var options = $.extend({}, $.fn.plugin.defaults, options);
var o = options;
alert(o.expected);
},
hide: function(object) {
alert(o.element);
}
};
})( jQuery );

referencia

var blah = $(''#hello'').plugin(''show'',{expected:"#hello world"}); 

ahora obtengo #hello world (correcto)

pero,

var blah = $(''#hello'').plugin(''init''); // returns nothing

Me gustaría volverme true como respuesta porque init está accediendo a show . Entonces, ¿cómo accedo a otros métodos desde un método ?

Answer 1

Me parece que estás tratando de reinventar complementos jquery extensibles (también conocidos como jQuery UI Widgets). Puedo guiarte a través de mucho cómo lograr lo que intentas hacer, pero realmente está reinventando la rueda. La jQuery UI Widget Factory es ideal para este tipo de cosas.

jQuery Widget Factory : esta es su documentación anterior, pero describe la fábrica de widgets mejor que cualquier otra cosa, en mi humilde opinión. Han realizado algunos cambios menores en 1.9 / 1.10, pero la mayoría de los conceptos siguen siendo los mismos.

Editar

Aquí están mis modificaciones a tu código. Creo que esto hace lo que estabas buscando.

(function($) {
var methods = {
init: function(options) {
var defaults = {
element: "selection"
}
this.options = $.extend(defaults, options);
alert("init: " + this.options.element);
},
show: function() {
alert("show: " + this.options.element);
},
hide: function() {
alert("hide: " + this.options.element);
}
};
$.fn.plugin = function( method ) {
if ( methods[method] ) {
methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === ''object'' || ! method ) {
methods.init.apply( this, arguments );
} else {
$.error( ''Method '' + method + '' does not exist on jQuery.tooltip'' );
}
return this; // this is needed to ensure chainability
};
})( jQuery );
var blah = $(''#hello'').plugin(''init'').plugin(''show'');​