jQuery UI API - módulo de puente (puente Widget Plugin)

categoría

Utilidad (Utilidades) | widgets (widgets)

uso

Descripción: Método jQuery.widget.bridge () es una librería de widgets jQuery (Widget Factory) parte. Desempeña un objeto intermediario consiste en $ .widget () para crear y API jQuery medio.

$.widget.bridge() Para hacer las siguientes cosas:

• Conectado a un constructor común de JavaScript para la API de jQuery.
• crear automáticamente una instancia de objeto, y se almacena en un elemento de $.data dentro de la caché.
• Permitido para invocar métodos públicos.
• Prevenir llamar a los métodos privados.
• Prevenir invocar métodos en un objeto no inicializado.
• Prevenir múltiples inicialización.

widgets de jQuery UI utilizando $.widget( "foo.bar", {} ); }); definición de sintaxis de un objeto a crear. Teniendo en cuenta con cinco .foo , $ $( ".foo" ).bar(); la estructura DOM creará cinco instancias de objeto "Barra". $.widget.bridge() Basado en el objeto "Barra" y una API común para trabajar en la biblioteca. Por lo tanto, se puede escribir $( ".foo" ).bar() ) para crear una instancia, escribiendo $( ".foo" ).bar( "baz" ) "Baz") para invocar el método.

Si desea una inicialización de una sola vez y llama al método, entonces el mensaje se envía a jQuery.widget.bridge() objeto puede ser muy pequeño:

var Highlighter = function (opciones, elemento) {
  this.options = opciones;
  this.element = $ (elemento);
  this._set (800);
};
Highlighter.prototype = {
  alternar: function () {
    this._set (this.element.css ( "font-weight") === 400 800: 400?);
  },
  _ID: función (valor) {
    this.element.css ( "font-weight", valor);
  }
};

Aquí es necesario es un constructor que acepta dos parámetros:

• options : Opciones de configuración de un objeto
• element : el elemento DOM en el que se creará la instancia de

A continuación, puede utilizar el puente (puente) al objeto como un plugin de jQuery, y se puede utilizar en cualquier objeto jQuery:

// Conecta el plugin
$ .widget.bridge ( "ColorToggle", Marcador);
 
// Inicializar en divs
$ ( "Div") .colorToggle (). Haga clic (function () {
  // Llamar al método público en tecleo
  $ (Este) .colorToggle ( "cambiar");
});

Con el fin de utilizar el puente (puente) todas las características que necesita para tener un objeto prototipo _init() método. Este método se llama las llamadas de plug-in y ya existen ejemplos. En este caso, también es necesario tener una option() método. El método será el de opciones como el primer argumento se llama. Si no hay ninguna opción, el argumento es un objeto vacío. Para option usarlo, consulte $.Widget .

Bridge (puente) tiene un atributo opcional, si existe: Si el objeto tiene un prototipo widgetFullName propiedad, la propiedad será utilizada como la clave para almacenar y recuperar instancias. De lo contrario, el parámetro de nombre.