Fatal编程技术网
  • javascript/
  • Javascript JQuery slideDown（）不工作

Javascript JQuery slideDown（）不工作

javascript jquery html

Javascript JQuery slideDown（）不工作,javascript,jquery,html,Javascript,Jquery,Html,当页面加载时，我无法使绿色条向下滑动。谁能告诉我我的代码有什么问题吗 HTML 它需要使用style=“display:none” 请在操作中查看：您已经包含了在包含jQuery之前使用jQuery的脚本。。。所以把你的放在后面，看这里：：这就是它的工作方式，所以在你滑下它之前隐藏它可能：）奇怪的是它在jfiddle中工作：但是我的index.html文件是一个没有绿色条的白色页面？@user3661876，也许您在导入jquery之前尝试过使用它，正如其他人在这里所建议的那样。只需在jquer

当页面加载时，我无法使绿色条向下滑动。谁能告诉我我的代码有什么问题吗

HTML

它需要使用
style=“display:none”
请在操作中查看：

您已经包含了在包含jQuery之前使用jQuery的脚本。。。所以把你的
放在
后面，看这里：：这就是它的工作方式，所以在你滑下它之前隐藏它可能
：）
奇怪的是它在jfiddle中工作：但是我的index.html文件是一个没有绿色条的白色页面？@user3661876，也许您在导入jquery之前尝试过使用它，正如其他人在这里所建议的那样。只需在jquery的脚本标记更新我的代码后移动脚本标记，即使将.js文件放在jquery链接后，屏幕仍为空白。@user3661876，您是否使用了
$（文档）。准备就绪
，可能div在
$（'.headerBar'）时不存在。slideDown（'slow'）。我添加了$（document）.ready并更新了JSFIDLE，并将其改为fadeIn（），但它不会从index.html文件中使用fadeIn，但它可以在JSFIDLE中使用

<html>
<head>
<title>
Live Green Plants
</title>

<link rel="stylesheet" type="text/css" href="home.css">
<script src="home.js"></script>

</head>

<body>

<div class="headerBar">
<img src="headerBar.png" width="657" height="34" alt=""/>
</div>
<script type="text/javascript" src="Script/jquery-1.9.2.min.js"></script>
<script type="text/javascript" src="Script/jquery-ui-1.8.18.min.js"></script>




</script>
</body>
</html>



$(document).ready(function(){
    $('.headerBar').slideDown('slow');
});