我有一个打印按钮id="print_req"
。我编写了一些用于打印页面的Javascript代码,这是通过单击此按钮触发的,我还想在打印之前隐藏此按钮,并在整个打印过程后显示它。我的意思是不在我的打印文档中打印按钮。这是我的代码:
$(document).ready(function(){
$("#print_req").click(function(){
$("#print_req").css("display","none");
window.print();
});
$("#print_req").css("display","block");
return false;
});
这正确地隐藏了该按钮,但是当打印过程完成后,该按钮将不会再次显示!问题是什么?
你这样做是错误的。您不应该使用 JavaScript 或使用背景图像来显示和隐藏按钮。您应该使用打印样式表,它允许您在打印页面时应用不同的样式。在您的情况下,您可以在此样式表中将显示设置为无[或将可见性设置为隐藏]。
因此,您添加带有打印媒体类型的样式表
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
在 print.css 中,隐藏按钮
.printButtonClass{ display : none }
很快,当您不使用 JavaScript 进行打印时,按钮就会隐藏起来。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)