Fatal编程技术网
  • javascript/
  • Javascript 我需要帮助让JQuery函数滑下到我的代码中工作

Javascript 我需要帮助让JQuery函数滑下到我的代码中工作

javascript jquery html css

Javascript 我需要帮助让JQuery函数滑下到我的代码中工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的html代码中有脚本。视频div不显示，因为它不能在开头显示。你知道为什么这不是下滑和显示吗？ 以下是html代码和java脚本代码： <!DOCTYPE HTML> <html> <head> <title>Team Songs</title> <link rel="stylesheet" type="text/css" href="default.css"> <script src="http://code.j

我的html代码中有脚本。视频div不显示，因为它不能在开头显示。你知道为什么这不是下滑和显示吗？ 以下是html代码和java脚本代码：

<!DOCTYPE HTML>
<html>
<head>
<title>Team Songs</title>
<link rel="stylesheet" type="text/css" href="default.css">
<script src="http://code.jquery.com/jquery-latest.js">
$(document.body).ready(function () 
{ 
      if ($("#video").is(":hidden")) {
      $("#video").slideDown("slow");
      } 
     else {
         $("#video").hide();
         }
 });

 </script> 
 </head>
 <body>
 <div id ="content">
 <div id="header"> 
 <h1>Software Picture</h1>
 </div>
 <span id="menu">
 <ul>
 <li>Main Tab</li>
 <li>Video Tab</li>
 <li>Third Tab</li>
 <li>Fourth Tab</li>
 </ul>
 </span>
 <div id="video"></div>
 </div>
 <div id="footer">

 </div>
 </body>
 </html>
您的代码将显示div（如果它已隐藏），并显示它是否不可见

始终执行else条件，因此视频div将始终隐藏

更改
$（“#视频”）.hide（）到<代码>$（“#视频”）。淡出（“慢”）然后，当dom完成加载时，您可以看到它正在消失

如果要显示vide div，请先隐藏div。以便将其显示出来


<div id="video" style="display:none;">
     <h3>Video div content </h3>
    </div>
 </div>




视频节目组内容



jsidle示例：
为什么不直接使用
$（“#视频”）.slideToggle（）而不是if-else检查？
并设置display:none属性初始时
尝试替换


<script src="http://code.jquery.com/jquery-latest.js">






与






我认为你应该很好
对这两个脚本使用单独的脚本标记


<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

$(function () 
{ 
      if ($("#video").is(":hidden")) {
      $("#video").slideDown('slow');
      } 
     else {
         $("#video").hide();
         }
 });

</script>




$（函数（）
{ 
如果（$（“#视频”）是（“：隐藏”））{
$（“#视频”）。向下滑动（“慢速”）；
} 
否则{
$（“#视频”）.hide（）；
}
});

我试过你说的话，但似乎仍然不起作用。我甚至在if语句之前和内部放置了两个警报语句。你能看到这可能有任何语法错误吗？在firebug控制台中检查错误是什么。我猜还有别的脚本错误。你检查过我的JSFIDLE吗？是的，它在JSFIDLE上工作，但在浏览器上不工作，我必须制作单独的脚本tags@tdelaney18：那么我猜你的页面中还有其他脚本错误。你可能需要做一些清理工作，然后再做。怎么会是这样？我不需要使用jquery源代码来使用它的函数吗？您不能包含这样的外部js和内联js代码。要做到这一点，需要使用不同的脚本标记。它们不必在同一个脚本标记中才能看到另一个，这意味着在另一个脚本标记中使用jquery函数。顺便说一句，我想你接受了错误的答案，因为我的答案起了作用；）我不知道你不能给别人一部分信用。谢谢你的回答

<script src="http://code.jquery.com/jquery-latest.js">
</script>
<script>



<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

$(function () 
{ 
      if ($("#video").is(":hidden")) {
      $("#video").slideDown('slow');
      } 
     else {
         $("#video").hide();
         }
 });

</script>