1

UI タブは次のように機能します。

$( "#tabs" ).tabs();

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">tab 1</a></li>
        <li><a href="#tabs-2">tab 2</a></li>
    </ul>
    <div id="tabs-1">
    </div>
    <div id="tabs-2">
    </div>
</div>

次のようなことをする必要があります:

$( "#tabs" ).tabs();

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">tab 1</a></li>
        <li><a href="#tabs-2">tab 2</a></li>
    </ul>
</div>

<div id="tabs-content">
    <div id="tabs-1">
    </div>
    <div id="tabs-2">
    </div>
</div>

したがって、タブとタブのコンテンツは異なる div にあります。

出来ますか？

4

1 に答える 1

1

はい、可能です

このリンクを確認し、リンクをクリックしてください

http://jsfiddle.net/YJdVE/1/

コード

$(function() {
$("#tabs ul li").click(function() {
$("#tabs-content div").hide();
$('#tabs-content div:eq('+($(this).index())+')').show();
});
});
于 2012-10-26T10:24:11.937 に答える