Jquery脚本有时只运行

时间:2014-03-14 06:11:20

标签: javascript jquery html css

好吧,基本上,我在标题中有一些Jquery脚本,这些脚本旨在使某个CSS类淡入,另一个向下滚动。在CSS中,我将它们都设置为显示:none,因为Jquery继续执行它的操作并使它们出现。我的代码就是:

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

自从我成功以来,我们一直在努力工作,但我只是对我的网站进行了一些更改,而且这些脚本似乎不经常运行。我唯一改变的是菜单栏,所以我不认为这导致了它。无论如何,所以我试着弄乱我的代码,看看为什么我的页面内容没有显示,然后我得出的结论是Jquery脚本没有工作,因为我删除了display:none和it再次开始工作。

.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(){

似乎解决了这个问题(现在)。只是觉得我留下这个说明以防其他人遇到同样的问题。

1 个答案:

答案 0 :(得分:0)

所以,就像Fr0zenFyr所说,这是一种非传统的方法,但是,无论发生什么,我的CSS似乎都在Jquery脚本运行后加载,因此显示:没有在Jquery脚本之后发挥作用,因此保持内容隐藏。我已经使用

解决了这个问题
  

$(window).load(function(){

而不是准备文件。

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