jQuery 在网站启动时隐藏 div

Question

我想问一下我的网站可能有什么问题。我在下面有一个联系表格，它会打开一个弹出窗口。该弹出窗口已设置为隐藏在 jQuery 中（class 名称为 .overlay），但是当网站加载时，弹出窗口会自行显示很短的时间。我希望它完全隐藏在网站的开头。

谢谢！

Answer 1

我经常在 DIV 中包含一个 style="display: none" 以避免 JQuery 需要一些时间来加载。

<div style="display: none"></div>

Answer 2

请使用 display:none; 不显示网页上的元素，或者您可以使用 visibility: none; 但显示效果更好。

<div style="display: none;">

  Hello World

</div>

这就是风格

.overlay {
    display:none
 }

这将使 none 的可见性不会显示在网页上，但 space 也会移除，visibility: hidden; 只会将其移除但不会移除space.

或者您想在 Jquery 中执行此操作，代码如下：

$(".overlay").hide();

你只需要使用 hide();

Jquery 加载需要很多时间。因此，请将其保留在 CSS 中并将其保留在 head 标记中。

Answer 3

这里是 css 版本：

.overlay{
  display:none
}

这样，当页面加载时它隐藏在开头，您可以使用 Jquery 更改它。

问题是，Jquery 往往需要时间来加载。因此，相反，将其保留在 CSS 中并将其保留在 head 标记中，以便首先处理它。

jQuery Hidden div on start of the website