javascript - 使用jquery打印插件打印div不起作用

Question

我想使用此 http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/ 在我的代码中打印 ID 为 alltransactsdaily 的 tbody插件解决打印时无法关闭/关闭模式的问题。

这是我的代码。

<div class="col-md-9">
                  <input type="hidden" name="clinic_idhid" id="clinic_idhid">
                    <div class="table_transactions" id="table_transactions">
                        <table id="mytransactions"  class="table table-striped table-bordered table-hover dataTable dtr-inline" role="grid" style="width: 100%;" width="100%" aria-describedby="dataTables-material">
                            <thead>
                                    <th>Check-up ID</th>
                                    <th>First Name</th>                                               
                                    <th>Last Name</th>
                                    <th>Check-up Date & Time</th>
                                    <th>Bill Amount</th>
                            <tbody id="alltransactsdaily">
                            </tbody>
                        </table>
                    </div>                   
                </div>
<button type="button" id="btn_printdiv" class="btn btn-primary"><span class="fa fa-print"></span> Print</button>

现在我想使用以下 JavaScript 来打印 tbody id="alltransactsdaily":

$("#btn_printdiv").click(function () {
    $("#alltransactsdaily").printElement();
});

当我单击按钮时，控制台显示:

jquery.printElement.min.js:26 Uncaught TypeError: Cannot read property 'opera' of undefined
    at jQuery.fn.init.a.fn.printElement (jquery.printElement.min.js:26)
    at HTMLButtonElement.<anonymous> (Patients_report:392)
    at HTMLButtonElement.dispatch (jquery-2.2.3.min.js:3)
    at HTMLButtonElement.r.handle (jquery-2.2.3.min.js:3)

Answer 1

尝试一下，它不会打开模式，它将在模式弹出窗口内的同一页面上打开打印

https://jsfiddle.net/athulnair/dqtcb3v8/1/

<div id="print-area-1" class="print-area">
    <div style="text-align:right;"><a class="no-print" href="javascript:printDiv('print-area-1');">Print</a></div>
    <h2>Lorem Ipsum</h2>
    <p>gh.</p>
</div>

function printDiv(elementId) {
    var a = document.getElementById('printing-css').value;
    var b = document.getElementById(elementId).innerHTML;
    window.frames["print_frame"].document.title = document.title;
    window.frames["print_frame"].document.body.innerHTML = '<style>' + a + '</style>' + b;
    window.frames["print_frame"].window.focus();
    window.frames["print_frame"].window.print();
}