Question

在我的网站上，每个页面都有一个预加载器。

<div id="preloader" >
<div id="status"></div>
<div id="statustext">some text</div>
</div>

这是由这个jquery触发的：

//<![CDATA[
var sCookie = Cookies.get('cargado');

if (sCookie != null) 
{

    $('#preloader').hide();
}
else 
{
    $(window).on('load', function () 
    { // makes sure the whole site is loaded 
        $('#status').fadeOut(); // will first fade out the loading animation 
        $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website. 
        $('body').delay(350).css({ 'overflow': 'visible' });
        Cookies.set('cargado', 'si');

    })
}
    //]]>

我需要的是，预加载器只能在会话中显示一次。换句话说，如果用户在我的网站上访问10个页面，他应该只看一次，第一页，无论他是从主页还是内部页面进入网站。我想出了上面显示的解决方案但是尽管设置了正确地启动cookie它不会隐藏预加载器div。

我在这里创建了一个测试页面：http://www.mejoresdatos.cl/testpage.html

Answer 1

使用localStorage / sessionStorage而不是cookies

{{1}}

如何限制每次会话显示预加载器一次？

1 个答案: