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

时间:2012-06-01 22:39:37

标签: javascript jquery html css jquery-ui

我在Swing和WPF方面有很多经验但在Javascript方面并不多。我正在学习。以下是我想做的事情

  • 为最终用户设置一个HTML页面
  • 将根据用户操作显示的预加载对话框

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

然后我打开并关闭它们。这一切目前都有效。但是我有以下问题:

  • div有时会暂时出现在页面加载
  • 令我很生气的是,所有这些不属于索引页面的对话框都必须作为索引页面的一部分加载。 (我是代码组织的小强奸)。

由于式提前,

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:2)

您可以使用设置为的样式属性启动对话框dival:

style="display:none;"

当jQuery调用.hide()时,jQuery会做什么,那么在隐藏元素之前你不必等待jquery做好准备,CSS会自动为你做这个