[英]How to show preloader only once using jquery cookie?
我有预加载器,但它在打开后显示在每个页面上,并且在每次刷新时显示。 我怎样才能每个用户只显示一次? 只有在加载主页后
脚本:
<script type="text/javascript">
// makes sure the whole site is loaded
jQuery(window).load(function () {
"use strict";
if ($.cookie('test_status') != '1') {
// will first fade out the loading animation
if( jQuery( '.et-bfb' ).length <= 0 && jQuery( '.et-fb' ).length <= 0 ){
jQuery(".status").fadeOut();
// will fade out the whole DIV that covers the website.
jQuery(".preloader").delay(6750).fadeOut("slow");
}else{
jQuery(".preloader").css('display','none');
}
});
HTML代码:
<div id="myModal" class="preloader preloader-center">
<img src="#" alt="">
<p>“uhh.. Hi! We didn’t see you there. One second please”</p>
<video autoplay width="896" muted>
<source src="/wp-content/uploads/2021/07/MakeItMax_Preloader_HD-1.mp4" type="video/mp4">
</video>
您可以像这样使用sessionStorage
:
$(document).ready(function() {
function Preloader() {
var preloader = $('.preloader');
preloader.show();
preloader.delay(1000).fadeOut(500);
}
if (!sessionStorage.getItem('doNotShow')) {
sessionStorage.setItem('doNotShow', true);
Preloader();
} else {
$('.preloader').hide();
}
})
添加css:
.preloader{
display:none;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.