1

javascript (w/jQuery) を使用して新しいウィンドウを作成しています。次のようなコードを使用して、新しいウィンドウの本体にいくつかのノードを追加します。

var consoleWindow = window.open('','','width=460,height=345');
$(consoleWindow.document).find('body').append($("#debug_console"));

問題は、親ウィンドウの CSS ルールが子ウィンドウのノードに適用されると素朴に想定したことです。代わりに、フォーマットされていない HTML が表示されます。新しいウィンドウに CSS を適用するにはどうすればよいですか? ご協力いただきありがとうございます。

4

1 に答える 1

5

このようなものを使用するだけです

$(consoleWindow.document).find('head').append('<link rel="stylesheet" href="style.css" type="text/css" />');

ただし、リンク href を CSS ファイルに向ける必要があります。

于 2012-07-12T00:09:37.253 に答える