Jquery create object

Question

Esta es una pregunta simple que sé, he buscado en google pero no encuentro mucha ayuda. Intento crear un objeto, con mis propios parámetros personalizados, y luego llamar a uno de ellos en una alerta.

Todo lo que intento, parece que no funciona, sé que esto es bastante simple y lo disculpo. Todos mis otros JS en mi tiempo han sido bastante simples y todos en línea debido a eso, ahora me estoy moviendo a más OOP JS.

$.fn.DataBar = function() { 

     $.DataBar.defaultOptions = { 
      class: 'DataBar', 
      text: 'Enter Text Here' 
     } 

     this.greet = function() { 
      alert(this.text); 
     }; 
} 

var q = new $.DataBar(); 
q.greet(); 

Answer 1

1. Usted no necesita la parte fn, basta con utilizar:

   $.DataBar = function() { ... }; 
   

   $.fn es simplemente una referencia a interna prototipo de jQuery. Por lo tanto, $.fn.DataBar está destinado a ser utilizado como $(selector).DataBar(), no $.DataBar().

2. Sus opciones predeterminadas no se están aplicando al objeto recién creado. Opcionalmente, también se puede definir la función greet en DataBar 's prototipo:

   $.DataBar = function() { 
       $.extend(this, $.DataBar.defaultOptions); 
   }; 
   
   $.DataBar.prototype.greet = function() { 
       alert(this.text); 
   }; 
   
   $.DataBar.defaultOptions = { 
       class: 'DataBar', 
       text: 'Enter Text Here' 
   }; 
   

Answer 2

Hay 3 problemas en su código

1. un desaparecidas ; después las opciones predeterminadas (que no causen el error)
2. añadir las opciones por defecto a la instancia con this.defaultOptions
3. llamada alert(this.defaultOptions.text)
4. instantiate con $.fn.DataBar() como que ha añadido a su clase a $.fn

Aquí su trabajo código:

$.fn.DataBar = function() { 

     this.defaultOptions = { 
      class: 'DataBar', 
      text: 'Enter Text Here' 
     }; 

     this.greet = function() { 
      alert(this.defaultOptions.text); 
     }; 
}; 

var q = new $.fn.DataBar(); 
q.greet();