javascript - 刷新/更改页面后保持项目关闭

Question

用户转到另一个页面或刷新页面后，如何隐藏 div？我在页脚中有以下代码，因此它会加载到每个页面上：

$(document).ready(function() {
 $('#clickmebottom').click(function() {
      $('#bottomfixtab').animate({
           height: 'toggle'
           }, 350
      );
 });
});

#clickmebottom 是一个 X 按钮，单击时隐藏 #bottomfixtab div（屏幕底部的小固定横幅）

谢谢您的帮助

Answer 1

您可以使用 jQuery 插件（例如jquery-cookie）来简化 cookie 访问。所以你的代码会变成这样来保存 div 的切换设置：

// pseudo-code, you'll want to check the actual syntax
$(document).ready(function() {

  // see if the cookie is set, if it is, hide the div
  if ( $.cookie('toggledDiv' ) {
    $('#bottomfixtab').hide();
  }
  $('#clickmebottom').click(function() {
    $.cookie('toggledDiv');
    $('#bottomfixtab').animate({
      height: 'toggle'
    }, 350 );
  });
});

这可能会使 div 闪烁然后隐藏，因此如果您想避免该闪烁，请将默认设置为 display: none，然后如果未设置 cookie，则显示 div：

// again, pseduo-code
if ( !$.cookie('toggledDiv') ) {
  $('#bottomfixtab').show()
}