如何预加载Javascript/JQuery/HTML对话框

Question

我在Swing和WPF方面有很多经验，但在Javascript中没有太多经验。我正在学习。下面的是我希望做

• 有一个HTML页面的最终用户什么
• 将显示在响应用户操作

目前，我有所有的div的预载对话框对话框加载为文档的一部分，然后在文档$(document).ready()函数中我调用hide()。

然后我打开并关闭它们。目前所有这些工作。不过，我有以下问题：

• 的div有时会短暂出现在页面加载
• 这惹恼了我，所有这些对话不在索引页面的一部分必须加载索引页面的一部分。 （我是代码组织的一个小强迫症）。

感谢，在提前，

圭多

Answer 1

你可以启动对话框关闭的div设置为一个样式属性：

style="display:none;" 

这是jQuery的做什么时，它调用.hide（），那么你不会有等待的jQuery做好准备在元素被隐藏之前，CSS会自动为你做

Answer 2

jQueryUI的对话框会缓解你的显示问题。我发现它比我自己写的任何东西都更稳定。您可以使用AJAX动态加载内容并将该标记放入单个对话框DIV中。就像知道DIV的ID一样简单，根据AJAX响应设置html，然后在弹出窗口中调用.dialog（）。