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

Question

我正在使用标准的 jquery ui tabs 。我的内容在下面的 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 -->

Answer 1

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

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