jquery - 具有动态编写的完整 HTML 页面的 Jquery 模态

Question

我得到了一个具有正确 CSS 样式的管理界面。

我想知道在 Jquery 中是否有一种方法可以打开一个带有动态编写的完整 HTML 页面的模式？

我的目标是通过在此模式中编写一个全新的 HTML 页面来避免与管理界面中的 CSS 冲突。

模态内容：

<!DOCTYPE html>
<html>
<head>
/* Modal specific CSS here */
</head>
<body>
/* Content here */
</body>
</html>

我知道可以在模式中加载特定的 URL，因此我尽量避免额外的 HTTP 请求。

score 1 · Accepted Answer

除了在一个<iframe>（需要额外的 HTTP 请求）内，没有办法<html>在原始 HTML 页面中添加额外的标签。因此，您的模态必须是该原始 HTML 页面的一部分，并继承 CSS。

对于您的情况，我能想到的最佳答案（也是常用的，例如在 Twitter Bootstrap 中）是创建一个模态 div 并用模态自己的 CSS覆盖管理 CSS：

<div id="modal">
    Your modal content.
</div>

在你的 CSS 文件中：

#modal whatever {
    // Modal specific CSS
}

1 回答 1