每当我点击任何东西时,我的预加载器动画就会出现
问题描述:
每当我点击任何东西时,我的预加载器动画就会出现。我希望它在进入网站或仅用于主页时显示一次。每当我点击任何东西时,我的预加载器动画就会出现
<div class="loader"><div style="width=150%; height=150%; background-color:white;" id="bodymovin"></div> </div>
我用jQuery的延迟加载时间,以显示正确的动画
<script type="text/javascript">
setTimeout(function(){
$('body').addClass('loaded');
$(".loader").fadeOut("slow");
}, 5000);
</script>
我只是想,当进入网站或只是为主页它每次会话显示一次。我需要帮助。谢谢。
答
使用document.referrer
和document.domain
之前检查发现的第一个条目或不添加style="display:none;"
装载机
<div class="loader" style="display:none;">
<div style="width=150%; height=150%; background-color:white; border-style:solid;" id="bodymovin">
My text for one show...
</div>
</div>
<a href="">test link for self page(for not show loader)</a>
这样的:
var referrer = document.referrer;
var domain = document.domain;
if(referrer.indexOf(domain)<0){ //if refer from curent domain.
$(".loader").show(); //show loader
setTimeout(function(){
$(".loader").fadeOut("slow");
}, 5000);
}
答
我想你并不是全部。
你的代码在其他地方有点击事件的监听器。
+0
不,我发现特定的代码来加载动画从https ://ihatetomatoes.net/create-custom-preloading-screen/ –
答
你可以调用超时
if(!$('body').hasClass('loaded')){
setTimeout(function(){
$('body').addClass('loaded');
$(".loader").fadeOut("slow");
}, 5000);
}
+0
我试过了,但没有奏效。我在其他帖子上看到,他们谈论了cookies。 –
我们需要更多的代码。 –
没有'click'事件出现在问题 – guest271314
代码刚刚当我的网站加载动画出现 - 检查它在这里 - https://www.toolitmedia.com/ –