javascript - jQuery 无法正确链接到 HTML 文件

Question

当我加载 HTML 时，我不断收到一条错误消息，指出 (function) 不是函数。这里发生了什么？以下是我如何包含我的脚本和 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();

Answer 1

这是因为你使用的是“slim”版本的 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>