javascript - 模态不打印包含的内容

标签 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')没有出现在打印文件中,谁能告诉我为什么?

最佳答案

这种方式对我有用:

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

});

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

关于javascript - 模态不打印包含的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34923352/

相关文章:

javascript - 'map' 的名称是什么 'expands' 而不是一对一

javascript - 一旦应用了 javascript 函数,我就无法通过 CSS 修改 HTML 元素

javascript - 更改 HTML 图像标签的 src 以使用 Javascript 从 url 加载图像

jquery - 如何恢复用 jQuery 删除的元素?

jquery - 如何实现具有此功能的 jQuery 插件?

javascript - 需要与 EXT JS 工具提示功能相关的帮助

javascript - 为什么IE9打开开发者工具不能直接绑定(bind)console.log?

html - 未定义的 div 上的 CSS "page-break-after"

html - 为 css 中的链接强制执行本地样式的类

jquery - 如何让jQuery插件函数返回内在值