Javascript 刷新时加载页面
我有一个模板,我根据需要编辑。我使用jQuery制作动画。索引页如下所示:Javascript 刷新时加载页面,javascript,jquery,html,performance,Javascript,Jquery,Html,Performance,我有一个模板,我根据需要编辑。我使用jQuery制作动画。索引页如下所示: <script> $(window).load(function() { $('.page_spinner').fadeOut(); $('body').css({overflow:'auto', 'min-height':'800px'}) }); </script> </body> </html> 现在,如果我导航到另一个页面,并从该页面单击指向索引页面的链接,页面
<script>
$(window).load(function() {
$('.page_spinner').fadeOut();
$('body').css({overflow:'auto', 'min-height':'800px'})
});
</script>
</body>
</html>
现在,如果我导航到另一个页面,并从该页面单击指向索引页面的链接,页面微调器将一直旋转,直到我点击刷新。。然后正确加载索引页。以下是页面微调器的图像,该微调器在单击“刷新”之前一直旋转:
代码是这样的:
<script>
$(window).load(function() {
$('.page_spinner').fadeOut();
$('body').css({overflow:'auto', 'min-height':'800px'})
});
</script>
</body>
</html>
$(窗口)。加载(函数(){
$('.page_微调器').fadeOut();
$('body').css({溢出:'auto','minheight':'800px'})
});
通过一些建议,我将代码修改为:
<script>
$(document).ready(function() {
$('.page_spinner').fadeOut();
$('body').css({overflow:'auto', 'min-height':'800px'})
});
</script>
</body>
</html>
$(文档).ready(函数(){
$('.page_微调器').fadeOut();
$('body').css({溢出:'auto','minheight':'800px'})
});
但我明白了:
再次刷新时,这将变得正确。我已经在我的网页上添加了所有必需的jQuery链接。在internet explorer上,一切都可以正常工作。这种情况发生在chrome中。谢谢你的帮助。我想问题只会出现在chrome上。尝试添加超时
$(document).ready(function() {
setTimeout(function(){
$('.page_spinner').fadeOut();
$('body').css({overflow:'auto', 'min-height':'800px'})
}, 1000);
});
注意:这是一项黑客工作。看看它是否有效 使用元标记:将此代码添加到页面标题中
它会在1s后自动刷新页面
,页面每3秒自动刷新一次,并在其位置加载新页面谢谢您的建议。但是这个页面看起来像我上传的第三张图片。一切都混合和扭曲了。我不明白为什么。另外,在过去7天里,我一直在使用document.ready在谷歌上搜索这个扭曲的外观,但在vainIs中,可以实时查看页面吗?我可以将其上传到JSFIDLE上,但它不会显示所有内容,如图像、js、php。。但是如果没有问题的话,我可以邮寄代码