1

jqueryの表示と非表示に異なるメディア(印刷と画面など)に異なるプロパティを設定することは可能ですか?

2つのdivと1つのボタンがあり、1つのdivを表示および非表示にし、別のdivを表示するとします。でも、プリントを打ったら、両方見せたいです。それにもかかわらず、印刷用のcssでそれがdisplay:inlineであると定義した場合。現在非表示になっているブロックは、印刷物に非表示になっています。どうすればこれを解決できますか?ありがとうドリジャン

これがサンプルです:

<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>
4

2 に答える 2

1

表示されている要素にクラスを追加します.visible。例:このようなことをするより:

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

アップデート

!important更新された質問の後、 -declarationを使用する必要があると思います...

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

デモでは、1つのdivを非表示にして、印刷してみてください。

于 2012-09-16T13:31:42.160 に答える
0

ここに トピック、htmlページからテーブル(divなど)を印刷する方法があります。私はそのより良い解決策だと思います

于 2012-09-16T13:31:47.130 に答える