0

私は持っています

<div>.......</div>
<div id="some_id"></div>

そして私のスクリプトで私はしました

$('#my_button').click(function(){
$('#some_id').toggle();
})

したがって、最初はdivを含むテキストはstyle = display：noneを使用して非表示になりますが、印刷すると、非表示のテキストも印刷されます。私が欲しいのは、テキスト入力が表示されている場合にのみ、印刷出力に表示され、非表示になっている場合は印刷出力に表示されないようにすることです。

再作成するには、2つのdivタグを作成し、そのうちの1つをstyle = display：noneにします。次に、IEでWebページを開き、[すべて]を選択します。MSWordまたはExcelに貼り付けると、非表示のテキストも選択されていることがわかります。

私はcssの@mediaを使用する必要があると思いますが、それを理解することはできません

4

2 に答える 2

1

In your stylesheet use this:

@media print {
.noPrint {
    display:none;
}
}

Then add class='noprint' (or add the noprint class to an exsiting class statement) in your HTML that you don't want to appear at the time of printing. like this

$('#my_button').click(function(){
     $('#some_id').toggle();
     if($('#some_id').is(":visible"))
     {
        $('#some_id').removeClass('noprint');
     }
     else
     {
        $('#some_id').addClass('noprint');
     }
})
于 2012-09-08T05:19:07.113 に答える
0

Try like this 

$(document).ready(function(){
    $('#some_id').hide();
    if($('#some_id').text())      
        $('#some_id').toggle();
});

and need to remove your "display:none;" prop as well.Hope it works for you.if it,then accept my ans

于 2012-09-08T05:23:57.473 に答える