javascript - Jquery 脚本有时只运行

Question

好吧，基本上，我在页眉中有几个 Jquery 脚本，旨在使某个 CSS 类淡入并向下滚动。在 CSS 中，我将它们都设置为显示:无，因为 Jquery 然后继续执行它的操作并使它们出现。我的代码是这样的:

<script src="../jquery.js"></script>
<script>
    $(document).ready(function(){
    $('.textbox').slideDown(2500);
});
</script>
<script>
$(document).ready(function() {
    $('.logo').fadeIn(2500); });
</script>

现在自从我制作它以来它一直运行良好，但我只是对我的站点进行了一些更改并且脚本似乎不经常运行。我唯一改变的是菜单栏，所以我认为这不是造成它的原因。无论如何，所以我试着弄乱我的代码，看看为什么我的页面内容没有显示，然后我得出结论，当我删除 display: none 时，Jquery 脚本没有工作，它又开始工作了。

.textbox {
    background: rgba(255, 255, 255, 0.88);
    width: 80%;
    height: auto;
    float: none;
    margin-right: auto;
    margin-left: auto;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

那么有人知道为什么 Jquery 脚本不显示我的内容吗？从 Google 服务器而不是我自己的主机加载 JQuery 会更好吗？

只是一个快速编辑:我想我已经解决了这个问题。出于某种原因，CSS 在 Jquery 脚本运行后加载(我认为)所以我将 Jquery 脚本的第一行更改为:

$(window).load(function() {

这似乎已经解决了问题(目前)。只是觉得我会留下这张便条，以防其他人遇到同样的问题。

Answer 1

所以，就像 Fr0zenFyr 所说的，这是一种非常规的方法，但是，无论发生什么，我的 CSS 似乎在 Jquery 脚本运行后加载，因此 display:none 在 Jquery 脚本之后开始发挥作用，因此保持内容隐藏。我已经通过使用

解决了这个问题

$(window).load(function() {

而不是文档就绪。

出于某种原因，故障只影响了我的四个页面，所以我只更改了它们的代码。我认为这可能是我的主机的问题，无论哪种方式，如果其他人有同样的问题，这可能会有所帮助。