1

2つの列を同じ高さにするために、jQueryに独自の単純な等しい高さのコードがあります。

var content = $("#content");
var sidebar = $("#sidebar");
var maxHeight = Math.max(content.height(), sidebar.height());
content.height(maxHeight);
sidebar.height(maxHeight);

このJSファイルは私のヘッダーファイルに含まれています。印刷スタイルシートがあり、#contentこのJSを実行するとdivの高さが問題になります。この印刷CSSでjQueryコードが発生しないようにする必要があります。何か案は？

4

1 に答える 1

1

2つのオプション：

1）サーバー側では、印刷レイアウトにセカンダリビューを使用している場合、印刷ビューのJS出力を含めることができませんでした。

2）print cssプロパティに！importantを追加して、それらが上書きされないようにすることもできます。これは一部のブラウザで機能するはずです。複数のブラウザでテストしましたか？サポートしたいブラウザを知っていますか？また、CSSをどのように含めていますか？<link rel="stylesheet" type="text/css" media="print" href="foo.css">？

これらのオプションのいずれかが機能するはずです。印刷アイコンをクリックしたときに別のページビューがある場合は、最初のページビューを使用できます。それ以外の場合は、2番目を使用して、のようなことを行うことができます#mydiv { height: 200px !important }。

于 2009-07-15T00:18:23.910 に答える