modal不打印包含的内容

时间:2016-01-21 12:04:28

标签: javascript html jquery-plugins

我需要制作一个具有打印功能的模态,我正在使用JQuery printThis plugin by Jason Day,除非我使用包含文件进行测试时才能正常工作。它忽略/不打印所包含文件的内容。

模态:

<div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title text-center">Participe desta Promoção</h4>
            </div>
            <div class="modal-body">

                <div class="printable">

                    THIS IS PRINTED

                    @include('default.modal-voucher')
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                 <button type="button" class="btn btn-primary" id="btnPrint">PRINT</button>
            </div>

        </div>

我的JS:

$(document).ready(function () {
$("#btnPrint").click(function () {
    $(".printable").printThis({
         debug: false,
         printContainer: false,
         pageTitle: $("#info-modal .short-info .panel-headline-wrapper h1").html(),
         formValues: true,
         printDelay: 0
        })
});

});

内容:@include('default.modal-voucher')没有出现在打印文件中,有人可以告诉我原因吗?

1 个答案:

答案 0 :(得分:0)

这种方式对我有用:

$(document).ready(function () {
$("#btnPrint").click(function () {
    $("#print").printThis();
});

});

我得到了这个:PrintThis Jquery plugin issue in Google Chroome