jquery - 记住 jQuery 在页面刷新后隐藏或显示状态

Question

    $(document).ready(function(){
        $("#navibtnon").bind('click', function(){
            $('#navi').fadeIn("fast");
            $(window).unbind('resize');
        });
    });
    $(document).ready(function(){
        $('#navbtnoff').bind('click', function () {
            $('#navi').fadeOut("fast");
            $(window).bind('resize', ScreenSize);
        });
    });

function ScreenSize()  {
  windowsize = $(window).width();
    if (windowsize < 1040) {
      $('#naviclosed').fadeIn("fast");
    }
    if (windowsize >= 1040) {
    $('#naviclosed').fadeOut("fast"); 
    }
}

那么如何让 jQuery 在页面刷新时记住这个设置呢？更新：我添加了 ScreenSize() 函数的作用。

谢谢

Answer 1

使用jquery cookie 插件，您可以将 screensize 设置为这样的 cookie：

$.cookie("ScreenSize",ScreenSize)

当页面重新加载时，如果 cookie 存在，则像这样绑定它：

 var ScreenSize;
if ((ScreenSize = $.cookie('filter')) != undefined) {
  $(window).bind('resize', ScreenSize);
}

这是我正在使用的实际代码：

$(".dropdown li a").click(function () {
var filter = grid.dataSource.filter();
filter == undefined ? "" : (filter.filters[0].value != undefined) ? "" : $.cookie("filter", JSON.stringify(filter));

});

var filter;
if ((filter = JSON.parse($.cookie('filter'))) != undefined) {
    grid.dataSource.filter(filter);
    $("#account-done").show(300);
}

Answer 2

最好使用 ajax 将数据（查询）发送到数据库，并将其保存在数据库中；并在每次刷新时，从数据库重新加载它。