javascript - 如何仅在页面完全呈现后才显示 div

Question

我有一个 php 呈现的菜单。此菜单是我的页面呈现时出现的第一个元素。 问题是菜单应用程序就像一个简单的文本列表，就像一个破损的页面，所以在页面完全呈现后，菜单会出现它应该出现的样子。

我已经尝试使用淡入淡出、延迟，但对我没有任何效果。 就我而言，如何才能在页面完全加载后才显示此菜单？ 我正在使用原型(prototype)和 jquery。如何做到不冲突？

html的结构很简单:

   <div id="menu">
      <nav id="mobile-menu" >
          <ul>
              <li>item</li>
              <li>item</li>
          </ul>
       </nav>
    </div>

页面渲染前的菜单:

Answer 1

如果您尝试过 fadein，我假设您已经知道这一点。

#menu {
  display: none;
}

我过去在 jQuery 实现方面遇到过一些问题，只是使用了纯 Javascript。你能把它放在你的 HTML 页面的底部吗？

这有点像 hack，但这取决于您的用例。

<script>
document.getElementById("menu").style.display = "block";
</script>