jQuery delay（）/fadeIn（）不工作。控制台很好

我希望在加载文档5秒后出现一个弹出窗口。下面的解决方案似乎不起作用，我没有控制台错误

div{
宽度：600px；
高度：250px；
边框：2件纯黑；
}
$（文档）.ready（函数（）{
$（'弹出'）.delay（5000）.fadeIn（1）；
});
雅达雅达

这是因为

#弹出窗口

已经可见，您正在尝试

fadeIn（）

，先隐藏它，然后在延迟5秒后尝试

fadeIn（）

这是因为

#弹出式

已经可见，您正在尝试

fadeIn（）

，先隐藏它，然后在5s延迟后尝试

fadeIn（）

---

您想设置css属性

display:none

div{
宽度：600px；
高度：250px；
边框：2件纯黑；
显示：无；
}
$（文档）.ready（函数（）{
$（'弹出'）.delay（5000）.fadeIn（）；
});

雅达雅达

---

您想设置css属性

display:none

div{
宽度：600px；
高度：250px；
边框：2件纯黑；
显示：无；
}
$（文档）.ready（函数（）{
$（'弹出'）.delay（5000）.fadeIn（）；
});

雅达雅达

给你

元素已可见时不能具有fadeIn效果。意味着首先需要隐藏元素，然后淡入

$('#popup').hide().delay(5000).fadeIn(1);

给你

元素已可见时不能具有fadeIn效果。意味着首先需要隐藏元素，然后淡入

$('#popup').hide().delay(5000).fadeIn(1);

---

请添加一些上下文/解释。堆栈溢出时，不鼓励仅使用代码的答案。编辑了注释尊敬的殿下，请添加一些上下文/解释。堆栈溢出时，不鼓励仅使用代码的答案。殿下，编辑了注释

</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<style type="text/css">
  div{
    width:600px;
    height: 250px;
    border:2px solid black;
    display:none;
  }

</style>  
<script type="text/javascript">
 $(document).ready(function() {
    $('#popup').delay(5000).fadeIn();
 });

</script>

$('#popup').hide().delay(5000).fadeIn(1);