jQuery UI API - Plug-in-Brücke (Widget Plugin-Brücke)

Kategorie

Utility (Dienstprogramme) | Widgets (Widgets)

Verwendung

Beschreibung: jQuery.widget.bridge () -Methode ist ein jQuery - Widget - Bibliothek (Widget Factory) Teil. Es spielt ein Zwischenobjekt von .widget $ besteht () zu erstellen und jQuery API zwischen.

$.widget.bridge() die folgenden Dinge tun:

• Verbunden mit einem regulären JavaScript-Konstruktor jQuery API.
• Erstellen Sie automatisch in einem Element eine Objektinstanz und gespeichert $.data im Cache.
• Erlaubt, um öffentliche Methoden aufrufen.
• Verhindern, dass die privaten Methoden aufrufen.
• Prevent aufrufen Methoden auf einem nicht initialisierten Objekt.
• Verhindern, dass mehrere Initialisierung.

jQuery UI - Widgets mit $.widget( "foo.bar", {} ); }); Syntax Definition eines Objekts zu erstellen. Da mit einem fünf .foo , $ $( ".foo" ).bar(); die DOM - Struktur erstellen fünf Instanzen von "bar" Objekt. $.widget.bridge() Auf der Basis der "bar" Objekt und eine gemeinsame API in der Bibliothek zu arbeiten. Daher können Sie schreiben $( ".foo" ).bar() ) eine Instanz zu schaffen, indem er $( ".foo" ).bar( "baz" ) "baz") die Methode aufzurufen.

Wenn Sie eine einmalige Initialisierung und rufen Sie die Methode wollen, dann ist die Nachricht zu senden Sie jQuery.widget.bridge() Objekt kann sehr klein sein:

var Highlighter = function (Optionen, Element) {
  this.options = Optionen;
  this.element = $ (Element);
  this._set (800);
};
Highlighter.prototype = {
  schalten: function () {
    this._set (this.element.css ( "font-weight") === 400 800: 400?);
  },
  _SET: function (value) {
    this.element.css ( "font-weight", Wert);
  }
};

Hier können Sie brauchen, ist ein Konstruktor, der zwei Parameter akzeptiert:

• options : Optionen Konfiguration eines Objekts
• element : das DOM - Element , auf dem zu schaffen , die Instanz von

Dann können Sie die Brücke (Brücke) auf das Objekt als ein jQuery-Plugin verwenden, und Sie können es auf jedem jQuery-Objekt verwenden:

Schalte // das Plugin
$ .widget.bridge ( "ColorToggle", Highlighter);
 
// Initialisieren es auf divs
$ ( "Div") .colorToggle (). Klicken Sie auf (function () {
  // Die öffentliche Methode auf Klick aufrufen
  $ (This) .colorToggle ( "Toggle");
});

Um die Brücke (Brücke) alle Funktionen , die Sie einen Prototyp - Objekt haben müssen , zu verwenden _init() Methode. Diese Methode ist die Plug-in-Anrufe genannt und Beispiele gibt es bereits. In diesem Fall müssen Sie auch eine haben option() Methode. Das Verfahren wird auf Optionen wie das erste Argument aufgerufen wird. Wenn es keine Option ist, ist das Argument, ein leeres Objekt. Für option , es zu benutzen, sehen Sie bitte $.Widget .

Brücke (Brücke) verfügt über ein optionales Attribut, wenn es vorhanden ist : Wenn das Objekt einen Prototyp hat widgetFullName Eigenschaft wird die Eigenschaft als Schlüssel verwendet werden , um Instanzen zu speichern und abzurufen. Andernfalls wird der Name Parameter.