jQuery.fadeIn不工作

我正在一个网站上工作，每当我打开网页时，我都希望文本淡入，所以我做了如下操作：

$(document).ready(function() {
    $('#title').fadeIn(100);
});

我创建了一个id为“title”的span，然后我使用CSS给他一个0的不透明度，但它不起作用

---

谢谢

删除不透明度css并使用display:none:

HTML

---

删除不透明度css并使用显示：无：

HTML

---

我终于找到了问题所在。它在HTML代码中：

而不是这个,

<script src="jquery.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

代码应该是这样的

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>

---

我终于找到了问题所在。它在HTML代码中：

而不是这个,

<script src="jquery.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

代码应该是这样的

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>

---

隐藏元素而不是修补不透明度：

#title{
    display:none;
}

您需要修复的另一件事是fadeIn的持续时间。您应该以毫秒为单位指定它，任何超过500毫秒的速度都不会被人眼看到。我建议用1整秒的时间让用户欣赏过渡效果：

$(document).ready(function() {
    $('#title').fadeIn(500);
});

---

隐藏元素而不是修补不透明度：

#title{
    display:none;
}

您需要修复的另一件事是fadeIn的持续时间。您应该以毫秒为单位指定它，任何超过500毫秒的速度都不会被人眼看到。我建议用1整秒的时间让用户欣赏过渡效果：

$(document).ready(function() {
    $('#title').fadeIn(500);
});

---

您是否将display:none放在元素的style属性中？您是否将display:none放在元素的style属性中？请参阅：请参阅：您了解您的代码正在加载jQuery两次吗？您了解您的代码正在加载jQuery两次吗？