問題タブ [printthis]

私は printThis.js を使用しており、angularjs を使用して html を印刷しようとしています。私のコードは

HTML コード:

jsフィドル

私が直面している問題は、ローカルマシンで作業している場合、完璧に機能することです。しかし、ローカルサーバーに展開すると、印刷プレビューが空になることがあります。一方、サーバーにデプロイされたコードをデバッグする場合、printthis.js は機能します。

printthis.js でタイムアウト時間を増やそうとしましたが、うまくいきませんでした。この問題について何か考えはありますか？私のjqueryのバージョンは2.1.0です

ここでもう 1 つ追加したいのは、ページの読み込み後に印刷する必要がある html コンテンツを編集すると、printThis.js が正常に機能し、コンテンツが印刷プレビューになることです。それ以外の場合、最初にページがレンダリングされ、html コンテンツが読み込まれると、printThis.js は空のプレビューをレンダリングします。

印刷可能なダイアログがあります。

そこで、printThis プラグインを使用しました。

しかし、このページを印刷してみると、表示とは異なって見えます。

ダイアログには 3 つのテーブルがあります。

以下に示すように、表 2 と表 3 のセルの高さが印刷プレビューで変更されます。そして、実際にこのように印刷します。

以下は私のコードです：

HTML

JavaScript

CSS

ここにあるprintThis.jsを使用しています

外部の CSS ファイルを呼び出す機能があります。私が直面している問題は、関数が最初に呼び出されたときに CSS が読み込まれず、出力にスタイルが表示されないことです。2回目は通常動作するので、CSSファイルをプリロードする必要があると思います.

CSS をロードするスクラッチ ページで非表示の iframe を使用しようとしましたが、うまくいきません。現在のページに動的にロードすることはできましたが、ボディなどの要素の設定が重複するとめちゃくちゃになります。

jqueryコードは次のとおりです。

プラグインに強制的に CSS をプリロードさせる方法はありますか?

Magnific Lightbox から画像を印刷する方法を見つけようとしていますが、以下のこの優れた回答に出くわしました。

モーダル本体のコンテンツがスクロールされて表示されないブートストラップ モーダル全体を印刷するにはどうすればよいですか

@Abu-Sulaiman が最も人気のある回答を持っているようですが、この初心者はボタンにリンクする方法を理解できません。私の最も基本的な知識から、ボタンのIDは関数の開始時に使用されます（この場合は「#modalDiv」）が、印刷する領域のdivがその場所で使用されているようです。

親切なメンバーのおかげで別の投稿にも出くわしましたが、これはより簡単に思えます.

ご協力いただきありがとうございます。

トッド

フッターを使用して入力ボックスの値を印刷したい。最初の行に示されているように印刷クリックを使用できますが、いくつかの調整が必要です。フッターで使用したいのですが、誰でも助けてくれます。