是否可以不打印包含在 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 插件是否可行。
谢谢!
最佳答案
所以解决方案:(感谢 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;
}
}
关于javascript - 如何添加 printThis() 元素异常?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53213293/