显示和隐藏不工作在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)

来源

2017-04-25 Yash Yadav

有什么错误？你有没有在页面中包含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）'“” –

没有ID名称#mainContainer在你的鳕鱼即

你应该放置在ID身体像 <body id="mainContainer"><div id="front"> </div></body>

来源

2017-04-25 14:20:46

我很抱歉，但那只是输入错误。问题解决了。包含资源文件的顺序错误。不过谢谢。 –

显示和隐藏不工作在Jquery

回答

相关问题