PrintThis

Question

我正在使用 printthis.js，它可以很好地打印我网页上预格式化元素的内容。要激活打印命令，我使用以下命令：

$(function() {
    $('#print').click(function() {
        $('pre').printThis();
    });
});

现在我想打印一个页面，在顶部显示 h1（来自同一网页），然后在其上方显示预格式化的元素。

$(function() {
    $('#print').click(function() {
        $('h1').printThis();
        $('pre').printThis();
    });
});

不幸的是，使用这段代码我只能将它们打印在两个不同的页面上（实际上它们是两个独立的打印命令）。我希望它们出现在同一个打印页面上，如下所示： 1）h1内容 2）断线 3) 'pre' 元素

Answer 1

您可以传递 printThis 多个选择器：

$('#kitty-one, #kitty-two, #kitty-three').printThis({
    importCSS: false,
    loadCSS: "",
    header: "<h1>Look at all of my kitties!</h1>"
});

Answer 2

打印 window 始终显示每个页面加载。我已经在某个页面设置了jQuery

$("#printme").printThis();

PrintThis - 在同一页上打印 2 个不同元素的内容