Q&AjQuery 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 ページ１ 24 <div class="pagebreak"></div> 25 ページ２ 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">
を消すと、印刷の際、改ページされます。
問題を回避する方法はありますか？
回答1件
0
自己解決
すみません。自己解決しました。
https://stackoverflow.com/questions/34707233/page-breaks-in-jquery-mobile
に解決方法が載っていました。
これで、うまく行きました。
投稿2021/05/13 21:57
編集2021/05/13 21:58
総合スコア39
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。