是否可以阻止页面加载时显示jquery对话框？

Question

嘿伙计我不太确定怎么说标题让它变短，但我的问题是当我的页面加载时，它包括一个jquery对话框应该从关闭开始。它确实如此，但是当页面首次加载时，该框的内容会在页面加载完成之前消失。它看起来有点尴尬，所以我想知道是否有人知道某种解决方案来解决这个问题或平滑它。任何帮助表示赞赏。

Answer 1

当您致电.dialog()时，请务必将autoOpen option作为false传递，如下所示：

$("#myDiv").dialog({
  autoOpen: false
});

这可以防止对话框立即打开，稍后通过调用open method：

打开它

$("#myDiv").dialog("open");

---

作为@redsquare点，你应该开始使用它style="display: none;"，无论是内联还是外部CSS，所以它在JavaScript运行之前没有显示，这是一个与{{1}不同的问题最初显示它，如下所示：

dialog()

或者在CSS中：

<div id="myDiv" style="display: none;">Stuff</div>

对话框打开将反转此#myDiv { display: none; } 样式。

Answer 2

在div中添加一个类，设置display：none。

对于应用程序范围的解决方案，请阅读Paul Irish的FOUC here

  

FOUC是您不受欢迎的客人   intertube funtimes的soirée。他来了   用来分散用户的注意力   他们不应该看到的东西，和   然后这么快就离开了。我们没有   像他一样......

Answer 3

在CSS文件中设置：

#myDiv { display: none }

和

$("#myDiv").dialog({
  autoOpen: false
});

在你的JS中

。