如何使用jquery在页面加载上设置默认选项卡？

Question

如何在页面加载时修改脚本以使第二个选项卡(而不是第一个)作为默认选项卡？谢谢..

<script>
$(function() {      
    $("#nav ul").tabs("#panes > div", {effect: 'fade', fadeOutSpeed: 400});
});
</script>

<!-- tab panes -->
<div id="panes">
    <div>
        <p>content1</p>
    </div>  
     <div>
        <p>content2</p>
     </div>     
</div>


 <!-- navigator -->
<div id="nav">
    <ul>        
        <li>
            <a href="#1">
                Tab1
            </a>
        </li>

        <li>
            <a href="#2">
                Tab2
            </a>

        </li>       
    </ul>
</div>

Answer 1

更改选项卡以反映以下内容

$(function() {      
    $("#nav ul").tabs("#panes > div", {initialIndex: 1, effect: 'fade', fadeOutSpeed: 400});
});

编辑:

根据您提供的示例,您看起来真正的问题与jQuery Tools而不是jQuery UI有关.因此,我更新了我的代码以匹配此处的jQuery Tools文档.问题是,jQuery UI使用一些调用selected来确定显示的零索引初始选项卡.相比之下,jQuery Tools使用了一些名为initialIndex.您可以在此处找到代码的工作示例.