Question

我正在开发左侧有导航面板的自举网站，有导航面板的切换器，

<div class="sidebar-toggler"> </div>

当点击切换器时，它会隐藏导航窗格，再次点击再次显示导航

我想要的是，当用户点击切换器时，它会以cookie的形式存储，并在用户登录或导航到不同的页面时保持该状态，

如何使用jquery执行此操作？

提前致谢，

Answer 1

我建议html storage你可以在本地存储数据，与cookies不同，存储限制要大得多（至少5MB）..

localStorage.setItem("toggler", "open");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("open");

Answer 2

您可以使用

创建Cookie

x = x.substr(x.indexOf("=")+1);

其中sideBar是键，true是值

您可以使用

检索Cookie

externals

搜索特定键，如本例中的sideBar键

function getImgSize(url){
var img = new Image();
img.onload=function(){
    return {
        width:  img.width,
        height: img.height,
    };
};

img.src = url;

最后得到sideBar键的值

{{1}}

现在您可以使用变量x来控制侧边栏的可见性

这是一个jsfiddle链接 numpy.repeat

存储导航面板状态一旦点击切换器

2 个答案: