1

jquery 印刷要素を使用していますが、印刷用に別のスタイル シートを含めるにはどうすればよいですか?

$("selector").printElement(
{
    overrideElementCSS:[
       'thisWillBeTheCSSUsed.css',
       { href:'thisWillBeTheCSSUsedAsWell.css',media:'print'}
    ]
});

thisWillBeTheCSSUsed.cssthisWillBeTheCSSUsedAsWell.cssの違いは何ですか?

4

2 に答える 2

5

プラグインのドキュメントを見ると、次のように見えます。

  • thisWillBeTheCSSUsed.cssブラウザのウィンドウにページを表示するために使用されますが、
  • thisWillBeTheCSSUsedAsWell.css印刷モードでのみ使用されます。

これは、定義したものがブラウザでのページの通常のブラウジングに表示されthisWillBeTheCSSUsedAsWell.cssないことを意味します。

そして、最初の質問に答えるために(印刷用に別のスタイルシートを含めるにはどうすればよいですか?):

印刷のスタイルを定義するだけですthisWillBeTheCSSUsedAsWell.css

上記のいずれかについて詳しく説明できるかどうか教えてください。:)

于 2012-09-06T11:43:53.920 に答える
2

私はこのプラグインを使用したことがありませんが、プラグインのサイトにある説明から:


タイプ:Array of Strings | Array of $.fn.printElement.cssElement | Boolean
デフォルト:null
説明:Can be one of the following 3 options:

  1. :ブール値(リンクされているすべてのCSSを削除する場合はtrueを渡します)
  2. :$。fn.printElement.cssElement(s)の配列
  3. :代替cssファイルへのパスを含む文字列の配列(印刷用に最適化)

このオプションは、ページに適用されている既存のcssファイルを削除/上書きするために使用されているようです。

したがって、このコードブロックが実行しているのは、現在のページのcssを削除/オーバーライドするためのテクニック2.を示していることです。3.

$("selector").printElement(
{
    overrideElementCSS:[
       'thisWillBeTheCSSUsed.css',
       { href:'thisWillBeTheCSSUsedAsWell.css',media:'print'}
    ]
});
于 2012-09-06T11:44:29.280 に答える