我知道我的想法是使用单独的打印样式表,当用户点击灯箱上的打印按钮时,该样式表会隐藏灯箱以外的所有内容。
这听起来很容易,但总有一些障碍。所以我想知道是否有任何支持所有主流浏览器的工作示例。
我在谷歌搜索并找到了许多灯箱,但没有一个内置打印按钮。
答案 0 :(得分:2)
我建议你看一下这篇文章http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm
它的工作原理是暂时创建一个用户无法看到的iframe,并快速将所有内容打印到其中(例如只是一个div及其内容)。然后打印iframe的内容。
顺便说一句,样式表方法可能被认为是“走的路”,但根据我的经验,它有几个跨浏览器的问题。
编辑:实际上,这看起来就像您要搜索的内容http://plugins.jquery.com/project/jqPrint
答案 1 :(得分:1)
创建一个新的CSS文档,在其中隐藏除灯箱外的所有内容 - div
。在文档中包含具有属性media="print"
类似
<link rel="stylesheet" href="/stylesheets/print.css"
type="text/css" media="print" />