显示和隐藏不工作在Jquery
问题描述:
我第一次使用Jquery & JqueryUI。我有一个名为front
的div
,我想在窗口加载时显示,并在延迟5500后通过滑动隐藏。 但是它在jquery.min.js中给出错误。显示和隐藏不工作在Jquery
的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 id="mainContainer"><div id="front"> </div></body>
+0
我很抱歉,但那只是输入错误。问题解决了。包含资源文件的顺序错误。不过谢谢。 –
有什么错误?你有没有在页面中包含jqueryui.js?这是一个单独的文件jquery.js –
“div命名为前”与div与ID =“前”“? –
@RoryMcCrossan是的,你说的对,我在HTML页面中添加了CDN链接。错误是在jquery.min.js,我不知道,但在检查它显示---- >>>“”'jquery.min.js:3 Uncaught TypeError:r.easing [this.easing]是而不是函数 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)'“” –