Question

是否可以不打印包含在printThis（）元素中的div？

示例：

<div id="print-it">

<div>hello</div>

<div id="no-print-this">
<button>must be show on page but not print</button>
</div>

</div>

<button id="printMe">Print button</button>

与JQUERY

$("#printMe").click(function () {
$('#print-it').printThis();
});
});

div id“ no-print-this”曾经显示过要打印...是否可以使用此jQuery打印插件方法将其隐藏在打印页面上？

可以添加$（'＃no-print-this'）。hide（）;到jQuery单击功能，但是在关闭打印窗口浏览器后，div再次显示“ no-print-this” ...

@media打印方法在这里无效。所以我不知道prinThis jquery插件是否可行。

谢谢！

Answer 1

所以解决方案：（感谢Showdev）

$("#printMe").click(function () {

$('#print-it').printThis({
            importCSS: true,
            importStyle: true,
            loadCSS: "/assets/css/print_rules_page1.css"
            });
});

它需要将inportCSS和loadCSS与printThis（）jQuery插件一起使用

CSS （“ loadCSS”加载文件print_rules_page1.css）

@media print 
{
#no-print-this,#no-print-this2 *{
display: none !important;
}
}

如何添加printThis（）元素异常？

1 个答案: