javascript - 如何添加 printThis() 元素异常？

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;
}
}