jquery - 打印页面时隐藏jquery ui手风琴格式

Question

我正在尝试为运行提示页面创建一个有效的 print.css。该页面包含一个 jQuery UI Accordion 来显示各种主题，但我不想在打印页面时显示手风琴。

这是我打印时的外观截图。

---

打印页面时，我希望它显示为好像禁用了 javascript，如下面的屏幕截图：

---

手风琴是用 a 创建的<div id="gettingStarted_accordion">，因此将其隐藏在 print.css 中会使整个部分消失。

有什么简单的方法可以做到这一点？

Answer 1

在您的打印 css 或媒体打印 css 上添加显示方法，如下所示：

@media print {

 #gettingStarted_accordion > *{display:block !important;}

}

Answer 2

仅供参考，我想出了一个解决办法。我只是添加media="screen"到 jquery ui 样式表的链接。像这样：

<link media="screen" rel="stylesheet" type="text/css" href="jquery-ui.css">

并在我的 print.css 中使用它（感谢 Riskbreaker）：

#gettingStarted_accordion > * {
    display: block !important;
}