jquery-dialog - jQuery.load() 一个 JSP 到一个 div

Question

我正在寻找有关 JSP 导入的一些信息。我目前有一个 main.jsp。在用户选择项目时，使用 jQuery 将 jsp 加载到 div 中。然后在该 div 内部，在另一个选择时打开一个模式对话框，并将一个 jsp 加载到其中。所有数据都恢复正常，但 CSS 格式已关闭。每个 JSP 都有一个头部和一个主体，并且可以单独运行。它们单独看起来不错，但在一起时会开始获得不同的 CSS 属性。我是否应该能够剥离第二个和第三个加载的 JSP 的头部和主体，在主文件中包含所有必要的 js 和 css 文件并使其正常工作？我需要有头部和身体标签吗？我正在使用 jQuery .load() 调用。

Answer 1

您不需要在通过 jquery load 调用加载的内容中包含 head 和 body 标记。

当您执行模型弹出窗口时，jquery 将您的 div 标记移动到文档的末尾。因此，如果您有一些非常具体的 CSS，例如

#content #model { ... }

它不起作用，因为 jquery 会将标记移动到页面底部。

Answer 2

您不需要为加载的页面添加 body 或 head 标签。不幸的是，如果您想为加载的页面提供可靠的跨浏览器格式，最好为它们使用内联样式。不确定 IE9 是否会修复此问题，但我相信早期版本会忽略加载页面的样式，无论它是在主页中指定还是在加载页面本身中指定。