0

初心者。リンクを介してコンテンツが動的に読み込まれるタブ コントロールがあります。これらは単純なテキスト ファイルです。タブ 3 をクリックすると、テキスト ファイルからコンテンツが取得されて読み込まれます。本当の基本。

タブ 2 には、ID 値を渡してタブ 3 に移動するボタンがあります。これを機能させるために可能な限り最悪の方法でこれを行うことができますが、別の問題があります。私が使用する場合：

$('#myTabs').tabs({selected:2});

tab3 を開きますが、コンテンツをロードしません。コンテンツをロードするために何が欠けているのか、間違っているのかわかりません。

いつものようにどんな助けにも感謝します!

これは、タブをロードするために私が持っているものです

$(document).ready(function () {
   $('#myTabs').tabs({selected: '0'});  
});


<div id='myTabs'>
<ul>
<li><a href="#tabs-1">Overview</a></li>
<li><a href="/scripts/content2.txt">Content Area 2</a></li>
<li><a href="/scripts/content3.txt">Content Area 3</a></li>
</ul>
</div>

タブ 1 のコンテンツを気にする必要はありません...これですべて機能します。任意のタブをクリックして、取得すると思われるものを取得できます。したがって、content3.txt にはこれが含まれているとしましょう (各テキストには、ライブラリとスタイル シートへのリンクも含まれています)。

$(document).ready(function() {
     $('#testing').text('Hello World');
});

content2.txt には、content3.txt に切り替わるボタン クリック イベントが含まれています。

$('#thisBtn').click(function () {
$('#myTabs').tabs({selected:2});
$('#myTabs').load('/scripts/content3.txt', function () {
   alert('worked');
});

上記はタブを一掃します...タブが含まれているdivを使用していて、それに別のコンテンツをロードしているためだと思いますか？だから私の問題は、div 'texting' がテキスト ファイル内にあり、タブが選択されるまで読み込まれないということですか? それは理にかなっていますか。

最後に、これを変更/改善するにはどうすればよいですか? 等

4

1 に答える 1

2

あなたが私たちに与えたものからコンテンツをロードしていません。タブを切り替えているだけです。jquery load()のようなものを使用する必要があります。以下のコードは、 のコンテンツをmyTextFile.txtの ID を持つ要素に読み込みますresult。

$('#result').load('myTextFile.txt', function() {
  alert('Load was performed.');
});

jquery ui タブの一般的なレイアウトは、次の html です。

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div> <--- Load content into these divs
    <div id="tabs-3"></div>
</div>

ご覧のとおり、各タブには ID が割り当てられています。ロードするタブに対応する正しい div にコンテンツをロードする必要があります。

于 2012-08-28T12:09:30.540 に答える