加载页面时，页面顶部会出现jQuery UI对话框

Question

我的网站上有一个jQuery对话框。我给页面上的div“对话框”id它的内容成为对话框的内容。但是，当页面加载时，此div显示在页面顶部并且看起来很糟糕。有谁知道如何处理这个？

Answer 1

只需通过CSS文件隐藏你的div：

#dialog {display: none}

打开对话框时，这不会影响其实际显示。

我测试确定，这个方法适用于jQuery UI 1.7.2

Answer 2

假设对话框正在改变'display'样式[例如使用.show（）和.hide（）]，那么jQueryUI所做的就是设置显示样式。因此，您可以默认使用display:none设置div，这样在加载时就不会显示。