【发布时间】:2010-05-10 08:22:57
【问题描述】:
我知道这个想法是使用单独的样式表进行打印,当用户单击灯箱上的打印按钮时,隐藏灯箱以外的所有内容。
这听起来很容易,但总有一些障碍。所以我想知道是否有任何支持所有主要浏览器的工作示例。
我在谷歌上搜索,发现很多灯箱,但没有一个内置打印按钮。
【问题讨论】:
标签: jquery css printing lightbox
我知道这个想法是使用单独的样式表进行打印,当用户单击灯箱上的打印按钮时,隐藏灯箱以外的所有内容。
这听起来很容易,但总有一些障碍。所以我想知道是否有任何支持所有主要浏览器的工作示例。
我在谷歌上搜索,发现很多灯箱,但没有一个内置打印按钮。
【问题讨论】:
标签: jquery css printing lightbox
我建议你看看这篇文章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
【讨论】:
创建一个新的 CSS 文档,您可以在其中隐藏除灯箱之外的所有内容-div。在您的文档中包含该样式表,其属性为media="print"
类似
<link rel="stylesheet" href="/stylesheets/print.css"
type="text/css" media="print" />
【讨论】: