好吧,基本上,我在标题中有一些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(){
似乎解决了这个问题(现在)。只是觉得我留下这个说明以防其他人遇到同样的问题。
答案 0 :(得分:0)
所以,就像Fr0zenFyr所说,这是一种非传统的方法,但是,无论发生什么,我的CSS似乎都在Jquery脚本运行后加载,因此显示:没有在Jquery脚本之后发挥作用,因此保持内容隐藏。我已经使用
解决了这个问题$(window).load(function(){
而不是准备文件。
出于某种原因,故障只影响了我的四个页面,所以我只改变了它们的代码。我认为这可能是我的主人的问题,无论哪种方式,如果其他人有同样的问题,这可能会有所帮助。