对话框在页面消失之前加载答案

【问题标题】：Dialog loads on page before it disappears对话框在页面消失之前加载
【发布时间】：2014-03-10 05:21:18
【问题描述】：

我正在使用当用户单击按钮时弹出的 JQuery UI 对话框（否则，它应该被隐藏）。当页面加载时，对话框实际上会在页面上看到几秒钟，然后消失（因为对话框嵌入到页面中）。有没有办法在加载时防止出现这种情况？

【问题讨论】：

这可能意味着最初隐藏它的css或js没有足够快地加载。调整它应该很简单。
我想的差不多，但是怎么做呢？也许这与我将所有 .js 文件都放在网页底部这一事实有关？
虽然草率，但您可以直接在元素本身上输入style="display:none;"。不过应该有更好的方法。内联样式是不好的做法。它甚至可能产生不好的副作用。
或者您可以“硬编码”并在顶部放置一个 css 以使特定的 id/class/element = display:none;
好的，谢谢大家。我尝试了 display:none 方法并且它有效。我还尝试将我所有的 javascript 文件移动到页面顶部，并且效果很好（它们之前位于底部）。哪种方法更优越？我假设是前者，因为它允许在加载所有 js 之前加载所有 html。

【解决方案1】：

当你设置 Dialog box html 时，设置这个对话框 css

{display:none}

或者如果你想通过 jQuery 然后 onpageload 应用

$(document).ready(function(){
$("#dialgboxid").hide();
});

现在，如果您加载页面，则不会出现此问题当您通过单击打开对话框时，它会正确显示

【讨论】：