jQueryのUIのAPI - プラグインブリッジ（ウィジェットプラグインブリッジ）

カテゴリ

ユーティリティ（ユーティリティ） | ウィジェット（ウィジェット）

使用法

説明：jQuery.widget.bridge（）メソッドは、 jQueryのウィジェットライブラリ（ウィジェットファクトリー）の一部。 これは、中間オブジェクトを作成し、間のjQueryのAPIには、$ .widget（）で構成されて再生されます。

$.widget.bridge()次のことを行うには：

• jQueryのAPIへの定期的なJavaScriptのコンストラクタに接続されています。
• 自動的にオブジェクトのインスタンスを作成し、の要素に格納されている$.dataキャッシュ内。
• パブリックメソッドの呼び出しを許可。
• プライベートメソッドを呼び出す防ぎます。
• Preventが初期化されていないオブジェクトのメソッドを呼び出します。
• 複数の初期化を防ぎます。

使用してjQueryのUIウィジェット$.widget( "foo.bar", {} ); }）;オブジェクトの構文定義を作成します。 5で与えられた.foo 、$ $( ".foo" ).bar(); DOM構造は、「バー」オブジェクトの5つのインスタンスを作成します。 $.widget.bridge() 「バー」オブジェクトと共通のAPIに基づいて、ライブラリで動作するように。 したがって、次のように書くことができます$( ".foo" ).bar() ）書き込むことで、インスタンスを作成するために、 $( ".foo" ).bar( "baz" ) 「バズ」）をメソッドを呼び出します。

あなたは1回限りの初期化をしたいとメソッドを呼び出した場合、そのメッセージはあなたがに送信するjQuery.widget.bridge()オブジェクトが非常に小さくすることができます。

VARハイライター=機能（オプション、要素）{
  this.options =オプション。
  this.element = $（要素）。
  this._set（800）;
};
Highlighter.prototype = {
  トグル：関数（）{
    this._set（this.element.css（「フォントの太」）=== 400 800：400）;？
  }、
  _set：関数（値）{
    this.element.css（「フォントの太」、値）;
  }
};

ここで必要な2つのパラメータを受け取るコンストラクタです。

• options ：オブジェクトのオプションの設定
• element ：のインスタンスを作成する上でDOM要素

次に、jQueryプラグインなどのオブジェクトへのブリッジ（橋）を使用することができ、あなたは、任意のjQueryオブジェクトにそれを使用することができます。

//プラグインをフックアップ
$ .widget.bridge（「ColorToggle」、蛍光ペン）。
 
// div要素でそれを初期化します
$（ "本部"）.colorToggle（）。をクリックします（関数（）{
  //クリックのパブリックメソッドを呼び出します
  $（この）.colorToggle（ "トグル"）;
}）;

ブリッジ（ブリッジ）は、プロトタイプオブジェクトの持つために必要なすべての機能を使用するためには_init()メソッドを。 この方法は、プラグインのコールと呼ばれ、例がすでに存在しています。 この場合、あなたはまた、持っている必要がありますoption()メソッドを。 この方法は、最初の引数が呼び出されるようなオプションになります。 オプションはありません場合は、引数が空のオブジェクトです。 以下のためのoptionを使用するには、以下を参照してください$.Widget 。

それが存在する場合は橋（ブリッジ）は、オプションの属性を持っている：オブジェクトはプロトタイプがある場合widgetFullNameプロパティを、プロパティには、インスタンスを格納および取得するためのキーとして使用されます。 それ以外の場合は、nameパラメータ。