页面加载后，Spinner/Loader没有停止。

Question

我找到了一个使用一个div和一个css的简单旋转/加载器。当我实现它时，我发现它没有停止。它继续不断地旋转...所以我插入了下面给出的窗口加载脚本。但它仍然没有停止。我做错了什么吗？

这里是一个fiddle链接：http://jsfiddle.net/qzLdjq3c/5/

$(window).load(function() {
    $('.spinner').show();
    $(".spinner").hide();
});

- Sabha

Answer 1

在你的示例中，甚至没有使用jQuery（在包含库的左侧）。其次，你使用了#而不是点（类）选择器....第三，在jsFiddle中，查看左侧。你已经在onLoad上运行了js...你不能再次触发它（我认为），无论如何，你在所有可能想象到的事情上都是错误的。修复我的话并重试。

- vsync

---

谢谢你的帮助和建议。我对jsfiddle还不太熟悉，顺便问一下应该选择哪个版本...我选择了1.9.1。 - Sabha

最新的我猜。根据您的项目需求而定。我不能为您决定。 - vsync

我观察到了一种奇怪的行为。按照您的建议，一切都正常工作。 我已经更正了我的原始代码和fiddle。但是，当我在另一个服务器上上传文件时，它就无法工作（不幸的是，我不能发送页面链接）。在旧托管上，它是相同的文件，可以工作，但在新托管上却不行。新托管上发生了什么...页面开始加载，但旋转器不可见，当页面即将加载时，它只显示旋转器的一瞥，然后它消失了，页面加载完成。有任何想法吗？ - Sabha

@Sabha - 我们需要看到您的完整源代码才能理解为什么它无法工作。不幸的是，用人类语言描述代码是不够的。 - vsync

代码正常工作，但不是我想要的。我完全同意你的看法，这就是应该发生的事情。然而，当页面开始加载（在底部状态栏中看到“等待example.com”时），此时旋转器不会显示。需要大约3-4秒钟，然后旋转器才会出现，并在页面加载后立即消失。我希望在页面准备加载即提交按钮按下后的那段时间里，旋转器能够出现。无论将窗口加载函数放在头部还是身体内，都不会改变任何东西。谢谢。 - Sabha