0

適切な CSS スタイルを備えた管理インターフェイスを取得しました。

オンザフライで書かれた完全なHTMLページでモーダルを開く方法がJqueryにあるかどうか疑問に思っていますか?

私の目標は、このモーダルでまったく新しい HTML ページを作成することにより、管理インターフェイスから CSS との競合を回避することです。

モーダル コンテンツ:

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

モーダルで特定の URL をロードできることはわかっているので、余分な HTTP リクエストを避けるようにしています。

4

1 に答える 1

1

(追加の HTTP リクエストが必要な)内からの場合を除いて、元の HTML ページ内に追加のタグを含める<iframe>方法はありません。<html>したがって、モーダルは元の HTML ページの一部であり、CSS を継承する必要があります。

私が考えることができる最良の答え (および Twitter Bootstrap などで一般的に使用されるもの) は、モーダル div を作成し、管理 CSS をモーダル独自の CSS で上書きすることです。

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

そしてあなたのCSSファイルで：

#modal whatever {
    // Modal specific CSS
}
于 2013-08-08T10:02:26.000 に答える