jquery 隐藏和显示打印

Question

是否可以为不同媒体(例如打印和屏幕)设置不同的 jquery 显示和隐藏属性？

假设我有 2 个 div 和一个显示和隐藏一个 div 并显示另一个的按钮。但是当我点击打印时，我想展示它们。尽管如此，如果我在 css 中定义打印它是 display:inline;当前隐藏的 block 隐藏在打印中。我该如何解决这个问题？谢谢多里扬

这是示例:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<style type="text/css">
@media print{
    #div1{
        display:block;
    }

    #div2{
        display:block;
    }
}
</style>

<div id="div1">Div1</div>
<div id="div2">Div2</div>
<a href="#" onclick="$('#div1').hide();$('#div2').show();">Showdiv1</a>
<a href="#" onclick="$('#div2').hide();$('#div1').show();">Showdiv1</a>

Answer 1

为您的可见元素添加一个类，例如.可见。比做这样的事情:

@media print {
    .visible {display:block}
}

更新

在你更新问题之后我会说你需要使用 !important-声明...

@media print{
    #div1, #div2{
        display:block !important;
    }
}

---

Demo 只需隐藏一个 div 并尝试打印!