0

ページにコンテンツ スライダーがあり、サイトの訪問者がクリックしたスライドのコンテンツのみを印刷できるようにしたいと考えています。7 つのスライドがあり、そのうちの 2 つには、スライド内に「内容を印刷」というボタンがあります。各スライド コンテンツは、独自の div 内に含まれています。

以前に印刷固有のスタイル シートを使用したことがありますが、1 つのドキュメントにさまざまな印刷ルールを設定する方法がわかりません。適用できる JavaScript または jQuery はありますか? 私はどちらも初心者ですが、何でも試してみたいと思っています。

SOに関する同様の質問がありますが、回答はありません。これは近いですが、CSS スタイルを維持する必要があります。

どんな助けでも大歓迎です。ありがとうございました！

4

1 に答える 1

1

メイン要素の CSS ルールを設定します。

@media print {
  div.main-element: display: none;

次に、別のルールを追加します。

  div.main-element.print-me: display: block;

これで、コンテンツの各セクションに「印刷」ボタンを追加し、ハンドラーにクラスを適切に調整させることができます。

 $('body').on('click', '.main-element button.print', function() {
   $('.main-element').removeClass('print-me');
   $(this).closest('.main-element').addClass('print-me');
   window.print();
 });
于 2013-02-19T17:47:38.347 に答える