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

Question

嘿伙计们，我不太确定如何措辞标题以使其简短，但我的问题是当我的页面加载时，它包含一个 jquery 对话框，该对话框应该开始关闭。确实如此，但当页面首次加载时，该框的内容会短暂显示，然后在页面加载完成后消失。它看起来有点尴尬，所以我想知道是否有人知道某种解决方案来解决这个问题或解决它。任何帮助表示赞赏。

Answer 1

当您调用.dialog()时确保通过autoOpen option为 false，如下所示:

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

这会阻止对话框立即打开，您可以稍后通过调用 open method 打开它:

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

<小时/>

如@redsquare要点你应该从 style="display: none;" 开始，无论是内联还是外部 CSS，所以它在 J​​avaScript 运行之前不会显示，这是一个与 不同的问题dialog() 最初显示它，如下所示:

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

或者在 CSS 中:

#myDiv { display: none; }

打开对话框将反转此none样式。