php - jquery 选项卡 cookie ...？

Question

嘿，

我有以下 mai 选项卡代码...

$(document).ready(function() {

    $("#continut_right div.tab").hide();
    $("#continut_right div.tab:first-child").show();

    $("#navigatie_left ul li").click(function() {
        var id_tab = $(this).attr("id");
        $("#continut_right div.tab").hide();
        $("#continut_right").children("#" + id_tab).show();
    });

标记是这样的:

<div id="continut_right">
   <!-- tab 1 -->       
   <div class="tab" id="id1"> 
   content ... bla bla bla
   </div>
</div>

以及触发选项卡更改的菜单:

<div id="navigatie_left">
    <a style="text-decoration: none; color:#000; font-family:Arial; font-size:15px; font-weight:bold;" href="<?php echo $_SERVER['PHP_SELF']; ?>">[ REFRESH ]</a>
        <br /><br />
        <ul>
            <li id="id1">Categorii principale</li>
            <li id="id2">Categorii secundare</li>
            <li id="id2">Texte categorii secundare</li>
        </ul>
    </div>

我如何实现代码...记住打开了哪个选项卡，因为当我提交表单到 php_self 以保持该选项卡打开以查看更改...??

非常感谢

Answer 1

您可以使用window.location.hash来存储当前选项卡ID。您必须编写代码来读取 $(document).ready() 上选项卡 ID 的 window.location.hash 属性，并自动切换到该选项卡。

一个例子:

$(document).ready(function(){
    var id_tab = window.location.hash;
    $("#continut_right div.tab").hide();
    if(id_tab){
       $("#continut_right").children(id_tab).show();
    }else{
       $("#continut_right div.tab:first-child").show();
    }
    $("#navigatie_left ul li").click(function() {
        var id_tab = $(this).attr("id");
        $("#continut_right div.tab").hide();
        $("#continut_right").children("#" + id_tab).show();
        window.location.hash = id_tab;
    });

});