jquery cookie 使用以前的值

Question

这是我的手风琴的生成代码：

<div id="treeview-accordion">
<h3><a href="#" accindex="0">Basic</a></h3>
<div>
    <ul class="navigation-treeview treeview-sanjo" id="yw0">
        <li><span style="font-weight:bold"><a href="/sanjo/site/index"> Home</a></span>
            <ul>
                <li><span> Profile</span>
                    <ul>
                        <li><span><a href="/sanjo/user/profile"> View Profile</a></span></li>
                        <li><span><a href="/sanjo/user/profile/edit"> Update Profile</a></span></li>
                        <li><span><a href="/sanjo/user/profile/changepassword"> Change Password</a></span></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><span> Personnel Management</span>
            <ul>
                <li><span><a href="/sanjo/user/admin"> Manage Personnel</a></span>
                <ul>
                    <li><span><a href="/sanjo/user"> List Personnel</a></span></li>
                    <li><span> Add Personnel</a></span></li>
                </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>
<h3><a href="#" accindex="1">Basic2</a></h3>
<div>
    <ul class="navigation-treeview treeview-sanjo" id="yw01">
        <li><span style="font-weight:bold"><a href="/sanjo/site/index2"> Home2</a></span>
            <ul>
                <li><span> Profile</span>
                    <ul>
                        <li><span><a href="/sanjo/user/profile2"> View Profile2</a></span></li>
                        <li><span><a href="/sanjo/user/profile/edit2"> Update Profile2</a></span></li>
                        <li><span><a href="/sanjo/user/profile/changepassword2"> Change Password2</a></span></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><span> Personnel Management2</span>
            <ul>
                <li><span><a href="/sanjo/user/admin2"> Manage Personnel2</a></span>
                <ul>
                    <li><span><a href="/sanjo/user2"> List Personnel2</a></span></li>
                    <li><span> Add Personnel2</a></span></li>
                </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>

每次单击链接时，我都会根据链接所在的

在 cookie“sanjotreeaccordion”中保存一个值：

$("#tree-accordion a").bind("click",function(){
                    var cookie=$(this).closest("div").prev("h3").find("a").attr("accindex");
                    $.cookie("sanjotreeaccordion", cookie); 
                    alert($.cookie("sanjotreeaccordion"));
                   });

然后在页面上重新加载后，我获得了 cookie“sanjotreeaccordion”值，因此我可以使用它来确定要打开哪个折叠窗格：

$(document).ready(function(){
    alert($.cookie('sanjotreeaccordion'));
    var ind = ($.cookie('sanjotreeaccordion') || 0)*1;
    $('#tree-accordion').wijaccordion({'autoHeight':false,'requireOpenedPane':false,'selectedIndex':ind});
    $.cookie('sanjotreeaccordion',ind);    
});

您可能已经注意到我有警报，并且我使用它来确定 cookie 的值。 WijAccordion 是创建手风琴的函数，它将根据其 selectedIndex 选项的值打开窗格（0 表示第一个窗格，1 表示第 2 次，以此类推）。

现在是奇怪的部分（我正在打字的下一部分）。

最初，当我运行代码时，cookie 尚不存在，因此它将打开第一个窗格（cookie 为空，因此它返回 0 然后乘以 1）。然后该值将被保存到 cookie 中。 （我检查了cookie，它是0）。

然后我单击第二个窗格上的链接，因此我希望它将 1 保存在 cookie 中（警报表示 cookie 的值为 1）。但是当页面重新加载时，cookie值的alert仍然是0。当我再次单击任何链接时，cookie 值将更改为 1。换句话说，当页面重新加载时，我得到了 cookie 的先前值。

我的代码哪里有问题？还是我的逻辑不正确？我是否没有遵循我想要遵循的顺序，即

1. 单击链接
2. 获取其上部

   的“accindex”

3. 将值保存到 cookie
4. 页面重新加载
5. 的值
6. 获取 cookie使用 打开手风琴的相应窗格的 cookie 值？

Answer 1

有几件事供您查看：

1）我不知道这是否只是您问题中的拼写错误，但您的容器 div 实际上具有 id“treeview-accordion”，但是您正在绑定点击事件到 ID 为“tree-accordian”的元素内的锚点。所以这可以解释为什么此时 cookie 没有被正确设置。

2) 在使用已设置的索引初始化每个页面上的手风琴后，您还设置了一个 cookie。所以这“可能”是您看到奇怪行为的原因。

这就是我开始寻找解决方案的地方。我无法访问可以使用您现在正在使用的插件完全检查它的环境，但如果这不能引导您走向正确的方向，我将很乐意更详细地查看。