gpt4 book ai didi

javascript - 显示和隐藏在 Jquery 中不起作用

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

我是第一次使用 Jquery 和 JqueryUI。我有一个名为 frontdiv,我想在窗口加载时显示它,并在延迟 5500 后通过滑动它来隐藏它。但它在 jquery.min.js 中给出错误。

HTML 代码是 `

<head>
<style>
#front {
width: 400px;
height: 400px;
display: none;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
</head>



<body>
<div id="front"> </div>

<script>
function slider() {
$("#front").show("fade",500);
$("#front").delay(5500).hide("slide",{direction:"right"},500);
}
window.onload = function () {
slider();
}
</script>
</body>
</html>

jsfiddle https://jsfiddle.net/t29rh9sL/1/
我收到的错误消息是

Uncaught TypeError: r.easing[this.easing] is not a function
at init.run (jquery.min.js:3) at i (jquery.min.js:3) at Function.r.fx.tick (jquery.min.js:3) at eb (jquery.min.js:3)

最佳答案

您的代码中没有 ID 名称 #mainContainer。

你应该将 id 放在 body 中,例如 <body id="mainContainer"><div id="front"> </div></body>

关于javascript - 显示和隐藏在 Jquery 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43605668/

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