2

jQueryの[ツール]タブを使用したいのですが、通常のインラインコンテンツタブのセットと1つのAJAXタブがあります。しかし、インラインコンテンツまたはajaxコンテンツのいずれかのサンプルしか表示されません。それらを混ぜてもいいですか？

4

1 に答える 1

3

AFAIK、それはすべてAJAXであるか、まったくありません。ただし、1つのペインを自分で簡単にAJAXすることができます。あなたがする必要があるのは、タブにクリックハンドラーを追加することです（できれ.one()ば、それが最初に実行された後にそれ自体を削除するように使用します）。このクリックハンドラーは、ペインのコンテンツを、.load()または他のAJAXが必要とするものと一緒にロードできます。

たとえば、HTMLは次のようになります。

<ul class="tabs">
    <li><a href="#">Tab 1</a></li>
    <li><a href="#">Tab 2</a></li>
    <li id="ajax-tab"><a href="#">Tab 3</a></li>
</ul>
<div class="panes">
    <div>First tab content. Tab contents are called "panes"</div>
    <div>Second tab content</div>
    <div id="ajax-pane"></div>
</div>

JavaScriptは次のようになります。

$("ul.tabs").tabs("div.panes > div");
$('#ajax-tab').one('click', function() {
    $('#ajax-pane').load('/some/path/that/returns/our/html');
});

そして、ここに簡単なライブの例があります：http: //jsfiddle.net/ambiguous/stxha/

于 2011-01-23T04:08:20.790 に答える