Jquery 延迟和fadeIn（）后将不显示隐藏_Jquery_Hide_Show

Jquery 延迟和fadeIn（）后将不显示隐藏

jquery

Jquery 延迟和fadeIn（）后将不显示隐藏,jquery,hide,show,Jquery,Hide,Show,我有一个小视频播放时，页面加载。我已经隐藏了标题，但是当我使用fadeIn（）时，它不会显示。有人能帮我解决这个问题吗 <html> <head> <style> #wrapper{width: 99%; margin: auto; text-align: center;} #header{width: 99%; margin: 35px auto; text-align: center; display: none;}

我有一个小视频播放时，页面加载。我已经隐藏了标题，但是当我使用fadeIn（）时，它不会显示。有人能帮我解决这个问题吗

<html>
<head>
    <style>
        #wrapper{width: 99%; margin: auto; text-align: center;}
        #header{width: 99%; margin: 35px auto; text-align: center; display: none;}
        #main{width: 99%; margin: 35px auto; text-align: center;}
    </style>
</head>
<body>
    <div id="wrapper">
        <div id="header">
            Hello
        </div>
        <div id="main">
            <video width="600" height="400" autoplay>

                <source src="countdown.webm" type="video/webm">
                Your browser does not support the video tag.
            </video>

        </div>
    </div>
    <script src="jquery-1.8.2.min.js"></script>
    <script>
        $(document).ready(function() {
            $("video").delay(5000).fadeOut(2000);
            $("header").show();
        });
    </script>
</body>
</html>


#包装{宽度：99%；边距：自动；文本对齐：居中；}
#标题{宽度：99%；边距：35px自动；文本对齐：居中；显示：无；}
#主{宽度：99%；边距：35px自动；文本对齐：中心；}
你好
您的浏览器不支持视频标记。
$（文档）.ready（函数（）{
$（“视频”）。延迟（5000）。淡出（2000）；
$（“标题”）.show（）；
});

对于上面发布的特定代码，您正在调用“header”标记名元素，而不是id='header'div元素。将jquery部分更改为

$('#header').show();

或者如果你想做序列动画。第一个动画完成后，只需将第二个动画放入回调函数。差不多

$("video").fadeOut(2000,function(){
   $("#header").show();
});

jQuery正在加载吗？您的选择器错误-使用$（“#header”）通过IDYeah选择一个元素我已经解决了选择器问题，jQuery正在加载，因为视频正在淡入淡出。我使用以下命令获得：$（document）.ready（function（）{（$（“video”）.delay（5000）.fadeOut（2000）；$（“#header”）.delay（6000）.fadeIn（2000）；}）；谢谢你的帮助提示！