gpt4 book ai didi

javascript - 已加载 jQuery UI 库但得到 "Uncaught TypeError: $(...).effect is not a function"

转载 作者:行者123 更新时间:2023-11-28 01:25:43 25 4
gpt4 key购买 nike

尝试在文档准备好时使#intro_title 反弹。我同时加载了 jQuery 和 jQuery UI 库,但仍然收到“未捕获的类型错误:$(...).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");
});

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

最佳答案

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

关于javascript - 已加载 jQuery UI 库但得到 "Uncaught TypeError: $(...).effect is not a function",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32172152/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com