加载了 jQuery UI 库但得到“未捕获的 TypeError：$(...).effect 不是函数”答案

【问题标题】：Loaded jQuery UI library but getting "Uncaught TypeError: $(...).effect is not a function"加载了 jQuery UI 库但得到“未捕获的 TypeError：$(...).effect 不是函数”
【发布时间】：2015-11-17 06:39:43
【问题描述】：

尝试在文档准备好时使#intro_title 弹跳。我加载了 jQuery 和 jQuery UI 库，但仍然得到“Uncaught TypeError: $(...).effect is not a function”。我怀疑这是导入 jQuery UI 库的问题，所以......

我尝试在 body、head、html 等的末尾加载库，并将“src”更改为“href”，但每次都得到相同的结果。我什至尝试了 Google 和 jQuery 的托管库，但结果相同。

lodge_101.html

<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="lodge_101_main.css">
<head>
    <title>Scipio Lodge 101</title>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>

    <h1 id="intro_title">WELCOME TO LODGE 101</h1>


<script src="lodge_101_main.js"></script>
</body>
</html>

lodge_101_main.js

$(document).ready(function() {
     $("#intro_title").effect("bounce", { times:3 }, "slow");
});

为什么这种情况会继续发生，我该如何解决？我还是编程新手，所以请对我的工作提出批评，谢谢！

【问题讨论】：

标签： javascript jquery html jquery-ui

【解决方案1】：

尝试在jquery-ui 之前定义jquery。

【讨论】：

【解决方案2】：

您必须在 jquery ui 之前加载 jquery 库。只需更改您的脚本标签位置。将 jquery 脚本标签移动到第一个位置。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

【讨论】：