如何在新窗口中打开JQuery UI选项卡

时间:2012-07-07 14:20:29

标签: jquery jquery-ui

我正在使用标准的jquery ui标签。我的内容在下面的div中。但是我需要在新窗口中打开其中一个选项卡。

    <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 -->

1 个答案:

答案 0 :(得分:0)

根据文档绑定tabselect事件。检查正在选择哪些选项卡并执行您需要的操作。

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