Jquery UI 选项卡内容未出现在 Print 中答案

【问题标题】：Jquery UI Tabs contents are not coming in PrintJquery UI 选项卡内容未出现在 Print 中
【发布时间】：2012-02-14 05:28:54
【问题描述】：

在我们的一个 grails appln 中，我们正在打印来自 jquery ui 选项卡的一些内容。应用 grails ui-performance 插件后，我无法打印网页中所有可用选项卡的内容。仅打印选定的选项卡。我们正在使用“print.css”来打印页面的内容。此外，在开发模式下，我可以根据需要打印选项卡内容......任何使用单个“print.css”解决此问题的指针都将受到高度赞赏。 --- SiQH

【问题讨论】：

标签： grails plugins printing jquery-ui-tabs

【解决方案1】：

是的，您可以使用：

.ui-tabs-nav { display: none; }
.ui-tabs .ui-tabs-hide { display: block !important; }

在您的 print.css 中。这并不完美，因为您没有将标签标题作为标题。

【讨论】：

出于某种原因，这对我不起作用。第一条规则有效，但打印预览中仅显示活动选项卡。
@rtpHarry：出了什么问题？检查这个jsbin.com/otefil/edit#javascript,html

【解决方案2】：

我之前遇到过这个问题，最好的解决方案是使用

@media print { .ui-tabs-nav {display:none !important;}

打印打印预览仍将仅显示活动选项卡，但当其发送到打印机时，所有选项卡都将打印。

【讨论】：