jQuery UI API - plug-in ponte (Widget Plugin Bridge)

categoria

Utility (Utilità) | widgets (Widget)

uso

Descrizione: Metodo jQuery.widget.bridge () è un widget di libreria jQuery (Widget Factory) parte. Esso svolge un oggetto intermediario è costituito da $ .widget () per creare e jQuery API mezzo.

$.widget.bridge() Per fare le seguenti cose:

• Collegato ad un normale costruttore JavaScript per jQuery API.
• Creazione automatica di un'istanza di un oggetto, e conservati in un elemento di $.data all'interno della cache.
• Permesso di richiamare i metodi pubblici.
• Evitare chiamare i metodi privati.
• Prevenire richiamare metodi su un oggetto non inizializzato.
• Prevenire l'inizializzazione multipla.

widget jQuery UI utilizzando $.widget( "foo.bar", {} ); }); definizione di sintassi di un oggetto da creare. Dato con un cinque .foo , $ $( ".foo" ).bar(); la struttura DOM creerà cinque istanze di oggetti "bar". $.widget.bridge() In base all'oggetto "bar" e un API comune a lavorare nella biblioteca. Pertanto, è possibile scrivere $( ".foo" ).bar() ) per creare un'istanza, scrivendo $( ".foo" ).bar( "baz" ) "baz") per richiamare il metodo.

Se si desidera un inizializzazione di una volta e chiama il metodo, allora il messaggio inviato a jQuery.widget.bridge() oggetto può essere molto piccolo:

var Highlighter = function (opzioni, elemento) {
  this.options = opzioni;
  this.element = $ (elemento);
  this._set (800);
};
Highlighter.prototype = {
  alternare: function () {
    this._set (this.element.css ( "font-weight") === 400 800: 400?);
  },
  _set: function (value) {
    this.element.css ( "font-weight", il valore);
  }
};

Qui è necessario è un costruttore che accetta due parametri:

• options di configurazione delle opzioni di un oggetto:
• element : l'elemento DOM su cui creare l'istanza di

Quindi è possibile utilizzare il ponte (bridge) per l'oggetto come un plugin jQuery, e lo si può utilizzare su qualsiasi oggetto jQuery:

// Collegare il plugin
$ .widget.bridge ( "ColorToggle", evidenziatore);
 
// Inizializza su div
$ ( "Div") .colorToggle (). Fare clic (function () {
  // Chiamare il metodo pubblico al clic
  $ (This) .colorToggle ( "Toggle");
});

Per poter utilizzare il ponte (bridge) tutte le caratteristiche necessarie per avere un prototipo oggetto _init() metodo. Questo metodo viene chiamato le chiamate di plug-in e esistono già esempi. In questo caso, è anche bisogno di avere un option() metodo. Il metodo sarà quello di opzioni come primo argomento è chiamato. Se non vi è alcuna opzione, l'argomento è un oggetto vuoto. Per option usarlo, si prega di consultare $.Widget .

Bridge (ponte) ha un attributo opzionale, se esiste: Se l'oggetto ha un prototipo widgetFullName proprietà, la proprietà verrà utilizzata come chiave per archiviare e recuperare le istanze. In caso contrario, il parametro name.