mit Hilfe von JQuery auf beforeprint-Ereignis

Habe ich die folgende Funktion.

<script type="text/javascript">
     window.onbeforeprint = expandAll;

     function expandAll(){
       $(".fieldset:gt(0)").slideDown("fast");
      }
</script>

Für dieses html -

<table class="sectionHeader" ><tr ><td>Heading</td></tr></table>
 <div style="display:none;" class="fieldset">Content</div>

Habe ich mehrere block-Inhalte über die Seite, aber wenn ich die Druckvorschau oder drucken, sehe ich alle divs rutscht vor dem öffnen der Druckvorschau oder beim drucken, aber auf die eigentliche Druckvorschau oder drucken Sie Sie alle Zusammenbruch.

Jemand eine Idee, warum das so ist?

Dank.

InformationsquelleAutor Amra | 2010-03-18
  1. 3

    Müssen Sie ein print-Stylesheet z.B.

    <link href="/css/print.css" rel="stylesheet" type="text/css" media="print"/>

    Können Sie Stil Dinge, die speziell für Sie, wie Sie wollen, dass die bedruckte Seite zu sehen, ohne JS alles zu tun, um es.

    • Trotz, Dass hat nicht funktioniert entweder, das war nicht die Frage, wie ich onbefore Druck vor und es funktioniert, für einige Grund ist der Einsatz von jquery auf onbefore-print schafft einen Konflikt, und das war die Frage, warum ist das so und wie es zu lösen ist. Danke.
    • Ich denke, die Art und Weise Druck arbeitet, ist es im Grunde lädt die Seite so das Sie in der print-Ansicht ist die Standardeinstellung, die ich denke, ist mit den Platten geschlossen. Wenn Sie ein print-style-sheet-Definition der panels wie öffnen Sie dann die panels werden geöffnet, wenn Sie drucken. In der Tat standardmäßig sollten Sie die Anzeige so öffnen Sie, und Sie sollten in der Nähe dann als JS initiiert, um zu vermeiden, dass jede usability/zugänglicher Themen.
    InformationsquelleAutor matpol
  2. 1

    CSS media funktioniert nur für die Präsentation, es sei denn, JavaScript ist mit einem style-Objekt oder ein jQuery-css-Methode, die Sie nicht ändern können, deaktivieren von JavaScript mit CSS.

    Müssen Sie nur binden un-Dokument-Fenster beforeprint-Ereignis,
    im Allgemeinen jquery-nur fällt das auf und hat den event-Namen in Kleinbuchstaben.

    function expandAll() {
    $(".fieldset:gt(0)").slideDown("fast");
}

$( window ).bind( "beforeprint", expandAll );

//Anonymous would look like

$( window ).bind( "beforeprint", function() { 
    $(".fieldset:gt(0)").slideDown("fast"); 
});

    InformationsquelleAutor user3103032
Schreibe einen Kommentar