Question

尝试在文档准备好后使#intro_title反弹。我加载了jQuery和jQuery UI库，我仍然得到“Uncaught TypeError：$（...）。effect不是函数”。我怀疑这是导入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");
});

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

Answer 1

你必须在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>

加载jQuery UI库但获得“Uncaught TypeError：$（...）。effect不是函数”

1 个答案: