如何强制“PrintThis”为“Break page”答案

【问题标题】：How to force "PrintThis" to "Break page"如何强制“PrintThis”为“Break page”
【发布时间】：2015-05-11 19:38:06
【问题描述】：

当我使用 Jquery 插件“PrintThis”时，
html函数：<div style='page-break-after:always'></div>
停止工作。好吧，“PrintThis”不会断页！
我该如何解决这个问题？
我应该在JS中放置“断线”吗？怎么样？
使用同一个表id可以吗？

HTML

//Print Btn
<button id="print_btn">btn</button>

//Table 1
<table id="table" class="display">
  <tr><td>Hi</td></tr>
</table>

//Break page here
<div style='page-break-after:always'></div>

//Table 2
<table id="table" class="display">
  <tr><td>Hi</td></tr>
</table>

$(document).ready(function () {
    $('#print_btn').click(function () {
        $('#table').printThis();
    });
});

【问题讨论】：

大家好，我是printThis作者。首先，你永远不应该使用相同的 id 两次，因为这就是类的用途。此外，如果您希望分页符起作用，您可以将表格和分页符包装在一个容器中，并在该容器上使用 printThis。
@Jason 很荣幸与您一起写作。你的剧本非常好！非常感谢你。我想出了一个简单的解决方案，只需将“display”类添加到“break-page-div”，然后将其添加到 JS。非常有用...最好的问候！

标签： php jquery printthis

【解决方案1】：

好吧，这个脚本的解决方案再一次很容易解决。（刚刚睡了一会儿=）

HTML

//ADD class "display" and id.
<div class="display" id "break_page" style='page-break-after:always'></div>

//Add id "break_page" to JS
$(document).ready(function () {
  $('#print_btn').click(function () {
    $('#table, #break_page').printThis();
  });
});

【讨论】：

【解决方案2】：

break-after 属性在不生成框的元素上被忽略。您应该在 table 上使用这种样式，而不是 div

See documentation

【讨论】：