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

catégorie

Utility (Utilitaires) | widgets (Widgets)

usage

Description: méthode jQuery.widget.bridge () est un widget de bibliothèque jQuery (Widget Factory) de partie. Elle joue un objet intermédiaire se compose de .widget $ () pour créer et API jQuery entre.

$.widget.bridge() Pour faire les choses suivantes:

• Connecté à un constructeur JavaScript régulier API jQuery.
• Créer automatiquement une instance d'objet, et stocké dans un élément de $.data dans le cache.
• Autorisé à invoquer des méthodes publiques.
• Prévenir appeler les méthodes privées.
• Empêcher appeler des méthodes sur un objet non initialisée.
• Empêcher l'initialisation multiple.

widgets jQuery UI en utilisant $.widget( "foo.bar", {} ); }); définition de la syntaxe d'un objet à créer. Étant donné avec cinq .foo , $ $( ".foo" ).bar(); la structure DOM va créer cinq instances d'objet "bar". $.widget.bridge() sur la base de l'objet "bar" et une API commune pour travailler dans la bibliothèque. Par conséquent, vous pouvez écrire $( ".foo" ).bar() ) pour créer une instance, en écrivant $( ".foo" ).bar( "baz" ) "baz") pour appeler la méthode.

Si vous voulez une initialisation unique et appelez la méthode, le message que vous envoyez à jQuery.widget.bridge() objet peut être très faible:

var surligneur = function (les options, élément) {
  this.options = Options;
  this.element = $ (élément);
  this._set (800);
};
Highlighter.prototype = {
  basculer: function () {
    this._set (this.element.css ( "font-weight") === 400 800: 400?);
  },
  _set: function (value) {
    this.element.css ( "font-weight", value);
  }
};

Ici vous avez besoin est un constructeur qui accepte deux paramètres:

• options de : Options de configuration d'un objet
• element : l'élément DOM sur lequel créer l'instance de

Ensuite, vous pouvez utiliser le pont (pont) à l'objet en tant que plugin jQuery, et vous pouvez l'utiliser sur un objet jQuery:

// Hook up le plugin
.widget.bridge $ ( "ColorToggle", surligneur);
 
// Initialisation sur divs
$ ( «Div») .colorToggle (). Cliquez sur (function () {
  // Appel de la méthode publique sur clic
  $ (Ce) .colorToggle ( "toggle");
});

Pour utiliser le pont (bridge) toutes les fonctionnalités dont vous avez besoin d'avoir un objet prototype _init() méthode. Cette méthode est appelée les appels de plug-in et des exemples existent déjà. Dans ce cas, vous devez également avoir une option() méthode. La méthode sera aux options que le premier argument est appelé. S'il n'y a pas d'option, l'argument est un objet vide. Pour l' option de l' utiliser, s'il vous plaît voir $.Widget .

Bridge (pont) a un attribut facultatif, si elle existe: Si l'objet a un prototype widgetFullName propriété, la propriété sera utilisée comme la clé pour stocker et récupérer des instances. Sinon, le paramètre de nom.