如何添加 printThis() 元素异常?

nic*_*kko 2 html javascript jquery plugins printthis

是否可以不打印包含在 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>
Run Code Online (Sandbox Code Playgroud)

和查询

$("#printMe").click(function () {
$('#print-it').printThis();
});
});
Run Code Online (Sandbox Code Playgroud)

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

可以添加 $('#no-print-this').hide(); 到jquery单击功能,但关闭打印窗口浏览器后不再显示div“no-print-this”...

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

谢谢 !

nic*_*kko 5

所以解决方案:(感谢 Showdev)

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

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

它需要将 inportCSS 和 loadCSS 与 printThis() jquery 插件一起使用

CSS(“loadCSS”加载文件print_rules_page1.css)

@media print 
{
#no-print-this,#no-print-this2 *{
display: none !important;
}
}
Run Code Online (Sandbox Code Playgroud)