質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
印刷

印刷とは、インキを用いて紙などの被印刷物に機械的に複製することを指します。現在は紙などの2次元の媒体だけでなく、3次元の曲面にも直接印刷する技術など様々な開発が進んでいます。

jQuery Mobile

jQuery Mobileとはスマートフォンとタブレット用に最適化されたフレームワークです。様々な携帯端末にjQueryで作られたユーザーインターフェイスシステムを提供します。

Q&A

解決済

1回答

520閲覧

jQuery Mobileのスタイルシートを読み込むと、印刷の際、改ページが効かない

yiwsk

総合スコア38

印刷

印刷とは、インキを用いて紙などの被印刷物に機械的に複製することを指します。現在は紙などの2次元の媒体だけでなく、3次元の曲面にも直接印刷する技術など様々な開発が進んでいます。

jQuery Mobile

jQuery Mobileとはスマートフォンとタブレット用に最適化されたフレームワークです。様々な携帯端末にjQueryで作られたユーザーインターフェイスシステムを提供します。

0グッド

0クリップ

投稿2021/05/13 20:59

jQuery Mobileを使ってWebアプリを作っています。
ページを印刷する際、改ページをさせたいのですが、うまく行かず、原因を探ってみると、jQuery Mobileのcssに原因があるらしいことが分かりました。

html

1<!DOCTYPE html> 2<html> 3<head> 4 <meta http-equiv="content-type" charset="utf-8"> 5 <title>test</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="stylesheet" href="jquery/jquery.mobile.min.1.4.5.css"> 8 <script src="jquery/jquery.min.2.1.4.js"></script> 9 <script src="jquery/jquery.mobile.min.1.4.5.js"></script> 10 <style> 11 .pagebreak { 12 break-after: page; 13 } 14 </style> 15</head> 16<body> 17 <div data-role="page" id="MainPage"> 18 <div data-role="header" data-theme="b" class="print"> 19 <h3>test</h3> 20 </div> 21 <div role="main" id="container" class="ui-content"> 22 <div id="PrintArea"> 23 ページ1 24 <div class="pagebreak"></div> 25 ページ2 26 </div> 27 </div> 28 </div> 29</body> 30</html> 31</html>

では、印刷の際、改ページしません。

html

1 <link rel="stylesheet" href="jquery/jquery.mobile.min.1.4.5.css">

を消すと、印刷の際、改ページされます。

問題を回避する方法はありますか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

すみません。自己解決しました。

https://stackoverflow.com/questions/34707233/page-breaks-in-jquery-mobile
に解決方法が載っていました。
これで、うまく行きました。

投稿2021/05/13 21:57

編集2021/05/13 21:58
yiwsk

総合スコア38

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問