jquery选项卡重定向

时间:2010-11-13 20:37:57

标签: jquery jquery-ui jquery-selectors

我有这个

$(document).ready(function() {

    //Default Action
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content

    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content
        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        $(activeTab).show(); //Fade in the active content
        return false;
    });

});






<div class="container">

    <ul class="tabs">
        <li><a href="#tab1">File Encryption</a></li>
        <li><a href="#tab2">File Integrity</a></li>

    </ul>
    <div class="tab_container">

        <div id="tab1" class="tab_content">
       </div>
<div id="tab2" class="tab_content">
       </div>
 </div>
</div>  

这是index.php页面。现在我想从另一个名为test.php的页面重定向,但我想让它在返回index.php时打开tab2。我怎么会这样做呢? 感谢

1 个答案:

答案 0 :(得分:3)

来自jquery-ui documentation

初始化时要选择的选项卡的从零开始的索引。将所有选项卡设置为未选中的传递-1作为值。

代码示例

使用指定的选定选项初始化选项卡。

$( ".selector" ).tabs({ selected: 3 });
Get or set the selected option, after init.
//getter
var selected = $( ".selector" ).tabs( "option", "selected" );
//setter
$( ".selector" ).tabs( "option", "selected", 3 );
相关问题