jquery 选项卡重定向

发布于 2024-10-02 11:28:01 字数 1287 浏览 2 评论 0原文

我有这个,

$(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。我该如何做到这一点。 谢谢

I have this

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

this was index.php page. Now I want to get redirected from another page called, test.php but I want it to have tab2 open when I get back to index.php. how would I accomplist that.
thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

画离情绘悲伤 2024-10-09 11:28:01

来自 jquery-ui 文档

要选择的选项卡的从零开始的索引初始化。要将所有选项卡设置为未选中,请传递 -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 );

From the jquery-ui documentation:

Zero-based index of the tab to be selected on initialization. To set all tabs to unselected pass -1 as value.

Code examples

Initialize a tabs with the selected option specified.

$( ".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 );
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文