ホームページ > ウェブフロントエンド > フロントエンドQ&A > jQueryの印刷が不完全な場合の対処方法

jQueryの印刷が不完全な場合の対処方法

藏色散人
リリース: 2023-02-17 10:01:48
オリジナル
2018 人が閲覧しました

jquery 印刷が不完全な場合の解決策: 1. 対応する js ファイルを開きます; 2. 指定された div のオーバーフローを変更して印刷前にすべてを表示し、コードを「$('#print').css」に変更します({'height' : 'auto','overflow' : 'visible'}).print();"。

jQueryの印刷が不完全な場合の対処方法

#このチュートリアルの動作環境: Windows 10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。


jquery の出力が不完全な場合はどうすればよいですか?

jquery.printプラグインで指定部分を印刷すると表示が不完全になる問題

印刷するdivの高さまたは幅が非常に大きく、スクロールがある場合スクロールバーの一部しか印刷できません。スクロールバー内の他の多くのものは印刷できません。さまざまな方法を試しました。これがこれまでに見つけた最良の方法です。記録しておきます。

$('#print').print({ // 要打印部分的id
    noPrintSelector: '.noPrint'  // 不打印部分 具体看参数配置
})
 
 //改成
$('#print').css({
   'height' : 'auto', //高度自动
   'overflow' : 'visible' //在打印之前把这个div的overflow改成全部显示
}).print(); 
 
// 打印结束后再改回之前样式, 还有种办法就是单独写一个css文件
 
//print.css
//里面包含
#print{
    height:auto;
    overflow:visible;
}
//这样
//在html头部 <link rel="stylesheet/css" href="print.css" media="print">
ログイン後にコピー

関連紹介:

jQuery は高速かつ簡潔な JavaScript フレームワークです。Prototype に次ぐ優れた JavaScript コード ライブラリ (フレームワーク) です。2006 年 1 月に John Resig によってリリースされました。 jQuery の設計の目的は、「書く量を減らし、より多くのことを行う」、つまりコードを書く量を減らし、より多くのことを行うことを意味します。一般的な JavaScript 関数コードをカプセル化し、シンプルな JavaScript 設計パターンを提供し、HTML ドキュメント操作、イベント処理、アニメーション設計、および Ajax インタラクションを最適化します。

jQuery のコア機能は次のように要約できます: 独自のチェーン構文と短く明確な多機能インターフェイスを備え、効率的で柔軟な CSS セレクターを備え、CSS セレクターを拡張できます。便利なプラグイン拡張機構と豊富なプラグインを備えています。 jQuery は、IE 6.0、FF 1.5、Safari 2.0、Opera 9.0 などのさまざまな主流ブラウザと互換性があります。

推奨学習: 「

jQuery ビデオ チュートリアル

以上がjQueryの印刷が不完全な場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート