Question

我正在使用此JavaScript代码进行打印功能。

＆＃13;

jQuery(document).ready(function () {
    Main.init();
    //FormValidator.init();
    $('#printButton').click(
        function(){
            var divContents = $("#printPage").html();
            console.log(divContents);
            var printWindow = window.open();
            printWindow.document.write(
                '<html>' +
                '<head>' +
                '<link rel="stylesheet" href="<?= base_url() ?>assets/css/print.css" type="text/css" media="print"/>'+
                '<title></title></head>'
            );
            //printWindow.document.title = '';
            printWindow.document.write ('<body>');
            printWindow.document.write('' +
                '<div class="page-title"> <h1 class="page-title"> BeaconHouse Potohar Campus</h1>' +
                '<h2 class="page-title">Mid-Year Profile</h2></div>'
            );
            printWindow.document.write(divContents);
            printWindow.document.write('</body></html>');
            printWindow.document.close();
            printWindow.print();
        });
    });

＆＃13;

在我的HTML中，我有一个id =＆＃34; printButton＆＃34;的按钮。单击该按钮时，此脚本会在浏览器中打开一个新选项卡，其中包含打印页面选项和打印预览（此时CSS样式应用正常）。但是，如果我取消打印关闭标签并再次按下打印，则所有样式都会从我的打印页面消失。通过ctrl + shift + R或ctrl + f5刷新并不能解决问题。我非常讨厌我必须退出并等待然后登录才能看到再次在我的打印页面上应用的样式。如何解决这个问题？

第二个打印命令的样式消失

0 个答案: