Question

是否可以为不同的媒体（例如打印和屏幕）设置jquery show和hide的不同属性？

让我们说我有2个div和一个按钮，显示和隐藏一个div并显示另一个div。但是当我打印时，我想展示它们。尽管如此，如果我在css中定义打印它是显示：inline;当前隐藏的块隐藏在打印中。我该如何解决这个问题？谢谢 Dorijan

这是样本：

<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

在可见元素中添加一个类，例如.visible。比做这样的事情：

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

<强>更新

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

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

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

Answer 2

Here is主题，如何从html页面打印表（div等）。我认为它是更好的解决方案

jquery隐藏和显示打印

2 个答案: