gpt4 book ai didi

javascript - 刷新后加载功能不起作用

转载 作者:行者123 更新时间:2023-11-30 06:55:13 24 4
gpt4 key购买 nike

出于某种原因,在我刷新网站后,.on('load', function()) 中的代码无法正常工作。第一次加载工作正常,符合预期。

当我引入加载器(页面完全加载前的动画)时,这种行为开始发生。在此之前一切正常。

/* Before page loads */
$( function() {
$('#intro').hide();
});


/* After page loads */
$(window).on('load', function() {
$('.loader').hide();
$('#intro').fadeIn(3200);
includePartials();
slideOutLandingPage();
});

具体来说,问题是 $('#intro').fadeIn(3200); 不会发生并且 $('#intro') 仍然具有属性 display: none;知道这可能是什么原因吗?知道如何绕过这个吗?

HTML:

  <body>
<div class="loader"></div>
<div id="intro">
<div class="title">
<div class="title-block">
<h1>Pretty website</h1>
<h2>Click anywhere!</h2>
</div>
</div>
</div>
<div id="container">
...
</div>
</body>
</html>

控制台没有错误。

根据您的建议,我在几个地方添加了 console.log 以检查它们的调用顺序,但一切看起来都应该如此。

当我删除 /* Before page loads */ 部分时,它在刷新时工作得很好,但加载器(显然)在加载后仍然存在。更不用说我的整个页面结构(格式)都变坏了。

这是我放置 console.logs 的方式:

$( function() {
$('#intro').hide();
console.log('Before load');
});


/* After page loads */
$(window).on('load', function() {
console.log('After load 1');
$('.loader').hide();
$('#intro').fadeIn(3200);
console.log('After load 2');
includePartials();
slideOutLandingPage();
});

因为很多人在这里写了关于文档准备好的 - 这不是解决方案。它必须专门在负载下工作。

最佳答案

我的装载机也有同样的问题。

我只是用它来让我的所有容器在窗口加载后出现(这是我的第一次测试)

    $(window).on('load',function() {
// Animate container
$(".container").animate({opacity:1}, 1500);
});

但它在我重新加载页面时起作用,而不是在我刷新页面时起作用。

我在问自己为什么,但我想我可能有答案......

这只是因为我的 ready 函数中有这个函数。

$( document ).ready(function() { }

如果我将两者分开,即使我刷新或重新加载页面,一切都正常。

关于javascript - 刷新后加载功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45488376/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com