google Chrome-Druckvorschau lädt die Seite nicht beim ersten Mal
Ich versuche, eine Seite mit diesem Code zu drucken
<html>
<head>
<script type="text/javascript">
function Popup()
{
var mywindow = window.open('', 'Ticket info', 'height=400,width=600');
mywindow.document.write('<html><head><title>my div</title>');
mywindow.document.write('<style type="text/css"> *{margin: 0; padding: 0;} body{padding: 3px; padding-left:20px;font:6px bold Arial;}</style>');
mywindow.document.write('<script src="http://code.jquery.com/jquery-latest.min.js"><'+'/script>');
mywindow.document.write('<script src="jquery-barcode.min.js"><'+'/script>');
mywindow.document.write('</head><body>');
mywindow.document.write('<div id="demo"></div>');
mywindow.document.write('<script type="text/javascript">$("#demo").barcode("1234567890128", "code39");<'+'/script>');
mywindow.document.write('</body></html>');
mywindow.print();
return true;
}
</script>
</head>
<body>
<input type="button" value="Print Div" onclick="Popup();" />
</body>
</html>
rundsätzlich öffnet sich ein Fenster und es wird eine Druckvorschau der Seite angezeigt. Beim ersten Versuch, die Druckvorschau zu laden, wird der Barcode nicht geladen. Wenn Sie die erste Druckvorschau abbrechen, klicken Sie mit der rechten Maustaste auf die Seite, und drucken Sie erneut. In der zweiten Druckvorschau wird nun der zu druckende Barcode angezeigt.
Ich denke, das Problem kommt aus dieser Zeile:
mywindow.document.write('<script type="text/javascript">$("#demo").barcode("1234567890128", "code39");<'+'/script>');
wenn ich diese Zeile kommentiere und der Seite einen Blindtext hinzufüge. Es wird beim ersten Versuch automatisch in der Druckvorschau angezeigt.
Ich hatte das gleiche Problem, als ich versuchte, den Stil aus einer CSS-Datei zu laden. Ich löse dieses Problem, indem ich die Stile direkt in das Popup-Fenster übertrage.
Meine Frage ist, warum das passiert? und wie kann ich den barcode beim ersten versuch der druckvorschau laden?