がjQuery対externロードページによるタブのUI

Question

った定義をすべき私のjQuery対外的にロードページによるUIの機能です。

したがって、たとえば、たいてindex.html ページを含む3つの機能です。Onclick各タブの負荷extern1.html,extern2.html,extern3.html.これらの3つの外部ページに必要な複数のjQuery動onload-行動onclickをシミュレーションにしました。

時期を教えてください全てのjQueryコードのページを指標とし負荷の外部ページに、このjQueryコードには影響しない外部のロードページの時にクリックします。

こんなくだらないことjQueryコードの外部ページへの外部ページ自体に影響を与えてしまうことにもなりトラブル（いながき荷重ブ/外部ページに複数回までの負荷jQueryコードます。

ようがないとこのjQueryコードについて教えてください。（一部の例では?)

多くの！

Answer 1

あなたは、タブ・ロードイベントハンドラにコードを置くことができます：

$('.your-tabs-container').tabs({
   load: function(event, ui) { /* your code here */ }
});

または

$('.your-tabs-container').bind('tabsload', function(event, ui) {
  /* your code here */
});

これらのケースでは、マニュアルに従って、あなたはui引数から必要なUI情報を取得することができます：

ui.tab     // anchor element of the selected (clicked) tab
ui.panel   // element, that contains the selected/clicked tab contents
ui.index   // zero-based index of the selected (clicked) tab

Answer 2

あなたが望んでいたイベントをバインドするために、母htmlと使用.live()機能であなたのjQueryを置きます。 ドキュメントここを。

Answer 3

きみのjQueryライブラリ！ご指数ページです。の外部ページでは、javascriptを使用した個別外部ページ:

Index:

• などのjQueryライブラリ

外部の1:

• jQueryの機能に関連する外部ページ1

外部2:

• jQueryの機能に関連する外部ページ2

そう思い:-)