0

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 は現在機能していません。どうしてこれなの?

4

1 に答える 1

0

すでにjQueryを使用しているので、 http .load()//api.jquery.com/load/を調べてみてください。

これを使用して、ページをページ内の要素にロードできます

$('#tab-1').load('content.html');
于 2012-08-29T15:56:45.697 に答える