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()
}

刷新/更改页面后保持项目切换

1 个答案: