jquery-dialog - jQuery.load() JSP を div に

Question

JSP インポートに関する情報を探しています。私は現在、main.jsp を持っています。jsp は、ユーザーがアイテムを選択すると、jQuery を使用して div にロードされます。次に、その div 内で、モーダル ダイアログが別の選択で開かれ、そこに jsp が読み込まれます。すべてのデータは正常に戻ってきていますが、CSS の書式設定がオフになっています。各 JSP にはヘッドとボディがあり、個別に実行できます。単独では問題ないように見えますが、一緒にすると異なる CSS 属性を取得し始めます。2 番目と 3 番目にロードされた JSP のヘッドとボディを取り除き、必要なすべての js ファイルと css ファイルをメインに含めて、正常に動作させることができますか? head タグと body タグは必要ですか? jQuery .load() 呼び出しを使用しています。

Answer 1

jquery load 呼び出しを介してロードされるコンテンツに head タグと body タグを含める必要はありません。

モデル ポップアップを実行すると、jquery は div マークアップをドキュメントの最後に移動します。したがって、次のような非常に具体的なCSSがある場合

#content #model { ... }

jquery はマークアップをページの下部に移動するため、機能しません。

Answer 2

ロードされたページにbodyタグやheadタグを付ける必要はありません。残念ながら、ロードされたページに信頼性の高いクロスブラウザフォーマットが必要な場合は、インラインスタイルを使用することをお勧めします。IE9でこれが修正されるかどうかはわかりませんが、以前のバージョンでは、メインページで指定されているか、ロードされたページ自体で指定されているかに関係なく、ロードされたページのスタイルが無視されると思います。