jQuery没有正确链接到HTML文件

时间:2018-06-14 10:57:47

标签: javascript jquery html

当我加载HTML时,我不断收到一条错误消息,指出(函数)不是函数。这里发生了什么?这是我如何包含我的脚本和jQuery本身。

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" 
crossorigin="anonymous"></script>
<script src="js/script.js"></script>
var $title = $('#intro h1'); 
$title.hide().fadeIn();

1 个答案:

答案 0 :(得分:1)

这是因为你使用的“瘦身”版本的jQuery不包含很多功能。

根本没有名为fadeIn的功能。

...jquery-3.2.1.slim.min.js"...

var $title = $('#intro h1'); 
$title.hide().fadeIn();
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" 
crossorigin="anonymous"></script>

<div id="intro"><h1>Hello world</h1></div>

只需使用完整版

var $title = $('#intro h1'); 
$title.hide().fadeIn();
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<div id="intro"><h1>Hello world</h1></div>