我正在开发一个插件的管理界面,它涉及可折叠的布局。我想在刷新页面时记住布局的状态,所以我尝试使用一些简单的cookie来做到这一点。
在界面中,有“折叠”按钮可折叠管理面板的各个部分。每当单击按钮时,我都需要为该节的状态设置一个cookie。因此,如果某个部分已关闭,则需要创建一个cookie来记住这一点。然后,如果单击了相同的按钮,则需要修改cookie以指示该节已重新打开。
以下是我迄今为止在单击按钮时将cookie设置为true(或false)的代码:
$(\'.ss-show-collapse\').click(function(){
var collapse_anchor = \'.\'+$(this).attr("id")+\' span\';
show_collapse = \'.ss-show\'+$(this).attr("id").replace(\'ss-show-collapse\', \'\');
$(show_collapse ).toggleFade(\'slow\');
$(collapse_anchor).toggle();
if (getCookie($(this).attr("id")) == true) {
setCookie($(this).attr("id"), false, 1);
} else {
setCookie($(this).attr("id"), true, 1);
}
alert(getCookie($(this).attr("id"))); // just to see that the cookie was modified
return false;
});
第一次将cookie设置为“true”效果很好,但如果cookie已经存在,则永远不会删除它。