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 插件是否可行。
谢谢 !
所以解决方案:(感谢 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)
| 归档时间: |
|
| 查看次数: |
1146 次 |
| 最近记录: |