[test] - Pruebas POO en plugin
Plugin que cambia el texto de un elemento, como ejemplo.
HTML
<button></button>
<button></button>
<button></button>
JavaScript
/**
* Created by Porfirio on 30/07/14.
*/
(function($){
var CambiaTexto;
CambiaTexto = function (elemento, opciones) {
var elementoDOM = $(elemento);
var objeto = this;
var ajustes = $.extend({
mensaje: 'hola'
}, opciones || {});
var escribirTexto = function () {
console.log("entro a escribir");
elementoDOM.text(ajustes.mensaje);
};
this.cambiarTexto = function () {
escribirTexto();
console.info(elemento);
};
};
$.fn.cambiar = function(){
return this.each(function(){
var elemento = $(this);
if(elemento.data('cambiatexto')) return;
var oCambiaTexto = new CambiaTexto(this);
elemento.data('cambiatexto', oCambiaTexto);
});
};
})(jQuery);
var boton = null;
$(document).ready(function(){
$("button").cambiar();
var prueba = [];
$("button").each(function( index ) {
prueba.push($(this));
});
boton = prueba[0].data("cambiatexto");
boton.cambiarTexto();
otroboton = prueba[1].data("cambiatexto");
otroboton.cambiarTexto();
console.log(prueba[2].data);
oboton = prueba[2].data("cambiatexto", {mensaje: 'no'});
oboton.cambiarTexto();
});