【问题标题】:Loader javascript sessionStorage don't work加载程序 javascript sessionStorage 不起作用
【发布时间】:2019-04-08 22:02:11
【问题描述】:

我有这个脚本,它只工作了一半;加载器显示在所有页面中,但我只想在首页显示它以供首次访问。

sessionStorage.setItem('visited' , false);        
var visited = sessionStorage.getItem('visited');
if (visited != true) {
    jQuery(window).load(function() {
        jQuery(".famous-loader-overlay").delay(1500).fadeOut(1500);
    });
} else {
    jQuery(window).load(function() {
        jQuery(".famous-loader-overlay").hide();
    });
}
sessionStorage.setItem('visited', true);

【问题讨论】:

    标签: javascript jquery wordpress loader session-storage


    【解决方案1】:

    会话存储将数据保存在字符串中,因此您总是会出错。试试:

    visited != "true"
    

    【讨论】:

    • 谢谢!它可以工作,但是在其他页面的第一次显示之后它会在消失之前显示片刻,我该如何解决?谢谢
    • 在加载前设置时间 1ms 并使用 remove 代替 hide。
    • 如何设置时间?因为我用了remove,但无论如何都可以看到
    【解决方案2】:

    在它刚刚被访问时隐藏它,并且仅在它没有被访问时设置为已访问

    jQuery(window).load(function() {
        if (sessionStorage.getItem('visited')) {
            jQuery(".famous-loader-overlay").hide();
            return;
        }
        jQuery(".famous-loader-overlay").delay(1500).fadeOut(1500);
        sessionStorage.setItem('visited', "1");
    });
    

    【讨论】:

    • 谢谢!它可以工作,但是在其他页面的第一次显示之后它会在消失之前显示片刻,我该如何解决?谢谢
    猜你喜欢
    • 2016-03-26
    • 2012-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-14
    • 1970-01-01
    • 2012-06-07
    • 1970-01-01
    相关资源
    最近更新 更多