Javascript jqueryfadeout工作，fadeIn没有错误，没有更改，类似地，fadeToggle不会重新启动

这让我快疯了。。。这很好：

<div id="box"> 
    <img src="/images/wpgen_box1.jpg">
</div>
<script type="text/javascript">
    jQuery(document).ready(function(){
        setTimeout(function(){ jQuery('#box').fadeOut(); }, 5000);
    });
</script>

但这不起作用：

<div style="display:none" id="box">
    <img src="/images/wpgen_box1.jpg">
</div>
<script type="text/javascript">
    jQuery(document).ready(function(){
        setTimeout(function(){ jQuery('#box').fadeIn(); }, 5000);
    });
</script>

---

所以，有人知道为什么我可以淡出但不能进入吗？

看起来这是一个问题，即两个元素的ID都是相同的-ID应该是唯一的

:

每个id值在文档中只能使用一次。如果为多个元素分配了相同的ID，则使用该ID的查询将只选择DOM中第一个匹配的元素。然而，这种行为不应该被依赖；具有多个使用相同ID的元素的文档无效

$document.readyfunction{ setTimeout=>$“框”。淡出，5000； }; $document.readyfunction{ setTimeout=>$'box2'.fadeIn，5000； };

---

看起来这是两个元素的ID相同的问题-ID应该是唯一的

:

每个id值在文档中只能使用一次。如果为多个元素分配了相同的ID，则使用该ID的查询将只选择DOM中第一个匹配的元素。然而，这种行为不应该被依赖；具有多个使用相同ID的元素的文档无效

$document.readyfunction{ setTimeout=>$“框”。淡出，5000； }; $document.readyfunction{ setTimeout=>$'box2'.fadeIn，5000； };

---

使用简单的CSS很容易

.box {
  opacity: 1;
  transition: opacity .25s ease-in-out;
}

.box.hidden {
  opacity: 0;
}

---

使用简单的CSS很容易

.box {
  opacity: 1;
  transition: opacity .25s ease-in-out;
}

.box.hidden {
  opacity: 0;
}

---

给法丹一段时间。例如fadeIn2000，使其在2秒内淡入。你现有的逻辑适合我。给fadeIn一个持续时间会使它更明显，但没有持续时间它就可以工作。我无法复制您的问题。请给fadeIn一个持续时间。例如fadeIn2000，使其在2秒内淡入。你现有的逻辑适合我。给fadeIn一个持续时间会使它更明显，但没有持续时间它就可以工作。我无法复制您的问题。我不相信ID是重复的。我相信OP展示了两个不同的代码段，第一个代码段有效，第二个可能无效，但从他提供的代码段来看，这就是我看到的问题——由于我没有更改其他代码，它工作正常，也没有提供其他代码，因此建议将其作为解决方案或简单地对，您是否同时执行这两个代码段？先确认一下我不相信身份证是重复的。我相信OP展示了两个不同的代码段，第一个代码段有效，第二个可能无效，但从他提供的代码段来看，这就是我看到的问题——由于我没有更改其他代码，它工作正常，也没有提供其他代码，因此建议将其作为解决方案或简单地对，您是否同时执行这两个代码段？先确认一下