Javascript 重新加载时可见隐藏div，jQuery计时

我正在为我的博客设计一个Wordpress主题，我有一种覆盖容器。如果你点击一个按钮，它会从顶部滑入并向下推整页

我使用jQuery实现它，并附带以下代码：

$(document).ready(function () {

// variables
var overlay = $('#layout-overlay'); // Overlay ID

 // hide overlay-container
     overlay.css({
         display: 'block',
         marginTop: -overlay.height()
     });

...and more code...

正如您所看到的，我只是通过根据容器的高度（容器本身取决于内容）指定负边距顶部来隐藏容器

只要我把布局放在一起，一切都很好。现在我开始把它放到一个实际的Wordpress主题中，覆盖容器在页面加载和页面加载时都是可见的。它可能只是几毫秒，但显然是显而易见的。它就在那里，眨眼间就消失了，就像它从一开始就被认为的那样

有没有办法让我把整个事情重新定下来

---

我将JS放在

标记中，并确保它是第一个被触发的代码。

如果您想消除该故障，请首先将覆盖的常规CSS设置为

显示：无

。如果出现问题，请尝试在页面完全加载后使用

load

显示该问题

关于

ready

与

load

的更多信息：

---

您是否尝试过通过在样式表中将“显示”的默认值设置为“无”来隐藏覆盖#布局覆盖{display:none；}然后，当页面加载时，它将更新显示以阻止并设置高度。嘿，非常感谢。实际上我忘了复制css的行。。。天晚了，我真的没看见如果是这样的话，你应该考虑完全消除问题，就像帮助中心一样，它是一个不能再被复制的问题，或者是一个简单的排版错误。谢谢，我有一个显示器：CSS中没有一个，并且忘记把它复制到新文件中：