0

標準の jquery ui tabs を使用しています。以下の私のコンテンツは div です。ただし、タブの 1 つを新しいウィンドウで開く必要があります。

    <script>
    $(function() {
        $( "#tabs" ).tabs();
    });
    </script>



<div class="demo">

<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="http://www.google.com" target="_blank">Google</a></li>
    </ul>
    <div id="tabs-1">
        <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. C </p>
    </div>
    <div id="tabs-2">
        <p>felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
    </div>
    <div id="tabs-3">

    </div>
</div>

</div><!-- End demo -->
4

1 に答える 1

0

ドキュメントに従って tabselect イベントにバインドします。選択されているタブを確認し、必要な操作を行います。

http://jqueryui.com/demos/tabs/#event-select

于 2012-07-07T14:27:05.360 に答える