如何在新窗口中打开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 -->

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

http://jqueryui.com/demos/tabs/#event-选择

最新更新