PHP を使用してアプリケーションを構築し、HTML を使用してさまざまな基本的なインターフェイスを提供しましたが、jQuery UI ウィジェットを使用して外観を改善しようとしています。メイン メニューとして使用するタブ付きウィジェットを読み込んで、アプリのメイン セクションをこれらにリンクしました。タブをクリックするとウィンドウにページが読み込まれますが、問題は、このページのリンクをクリックすると別の場所に移動することです。新しいページをそのタブにロードする最も簡単な方法は何ですか?
ここに私が話しているウィジェットへのリンクがあります: http://jqueryui.com/demos/tabs/#default
編集: そのリンクの下に、次のようなコードのチュートリアル スニペットがあります。
「...ページを離れる代わりに、現在のタブでリンクを開く」
タブ コンテンツが読み込まれた後の "Hijax" リンク:
$('#example').tabs({
load: function(event, ui) {
$(ui.panel).delegate('a', 'click', function(event) {
$(ui.panel).load(this.href);
event.preventDefault();
});
}
});
これは有望に思えますが、使用方法がわかりません。私のタブ付きインターフェイス ページ (tabbedhome_v.php) には、タブ付きコンテンツを含む id="tabs" のコンテナーがあります。ページが表示されますが、何らかの理由ですべてではありません。これがどのように機能するかを誰かが説明してくれませんか?
上記のコードで観察したこと: 画像のハイパーリンクによって次のページがパネル内にロードされますが、それらのページにロードした JavaScript リンクまたは jquery は現在機能していません。どうしてこれなの?