javascript - 当用户转到不同的页面时，如何保持 div 可见？

Question

因此，用户单击某些内容，然后从左侧弹出一个 div。

然后我通过 cookie 保存 div 在 JavaScript 中是“可见”还是“隐藏”。

$('#click').click(function()
{
    save_cookie('div', 'visible');

    $('.class').animate({'margin-right': '-20px'});

    return false;
});

if(get_cookie('div') != null)
{
    if(get_cookie('div') == 'visible')
    {
        $('.class').css({'margin-right': '-20px'});
    }
    else
    {
        $('.class').css({'margin-right': '0px'});
    }
}

因此，如果用户决定转到其他页面，我会检查是否应该显示该 div。

我遇到的问题是，当用户转到另一个页面时，div 会“闪烁”一秒钟。我知道这是因为加载 HTML、CSS 和 JavaScript 需要几秒钟的时间。

但我想知道是否有更好的技术来做到这一点？所以它不会“眨眼”。

顺便说一句，我还尝试将 JavaScript 移动到 head(从底部开始)，但这也没有改变任何东西。 :/

Answer 1

一个简单的解决方案可能是在 css 中应用 display:none 作为 div 的默认值，然后从 jQuery 中相应地更改它。