Javascript 无法打印完整的模态体

我用jquery创建了一个模态并使其可打印，但我不知道如何打印完整的模态体。它只打印其中的一部分。我尝试每隔几个div使用jquery的内联分页符（我在另一篇文章中看到过），但它不起作用。有人有同样的问题吗？我想要些帮助

这是我使用的css，我从另一篇文章中找到

css:

与之配套的jquery

jquery：

    $('.modal.printable').on('shown.bs.modal', function () {
        $('.modal-dialog', this).addClass('focused');
        $('body').addClass('modalprinter');

        if ($(this).hasClass('autoprint')) {
            window.print();
        }
    }).on('hidden.bs.modal', function () {
        $('.modal-dialog', this).removeClass('focused');
        $('body').removeClass('modalprinter');
    });

我在html中创建模态，模态体为空，在打印按钮上使用onClick（），模态体从jquery填充，其内容并不总是相同的

<div class='modal fade printable ' id='myModal'>
    <div class='modal-dialog modal-lg'>
        <div class='modal-content'>
            <div class='modal-header'>

                <div class="row">
                    <div class="col-md-5"><h3 class='modal-title'>Firma etairias</h3></div>
                    <div class="col-md-1"></div>
                    <div class="col-md-4"><h4 class=" text-right" id="modal_cust"><span class="small">Πελατης: </span><span id="modal_cust"> </span></h4></div>
                    <div class="col-md-2"><button class='close' data-dismiss='modal'>&times;</button></div>
                </div>

            </div><!-- end modal-header-->
            <div class='modal-body' id="repeater">


            </div><!-- end modal-body-->

            <div class='modal-footer'>
              <button id="btnPrint" class='btn btn-default'  type='button' onclick="window.print();"><span>Print</span></button>  <button class='btn btn-default' data-dismiss='modal' type='button'>Close</button> <button class='btn btn-primary' type='button'>Save changes</button>
            </div><!-- end modal-footer -->
        </div><!-- end modal-content -->
    </div><!-- end modal-dialog -->
</div><!-- end myModal --> 

厚壁
Πελατης:  
&时代；
打印关闭保存更改

你能举一个小例子来说明你的模式的CSS和HTML的问题吗？你为什么使用body.modalprinter*{visibility:hidden；}？可能通过这样做，而不是为CSS其余部分的所有项目定义可见性，您隐藏了要打印的部分模式。body.modalprinter*{visibility:hidden；}工作模式主体的内容长于A4页面时，问题就会出现

<div class='modal fade printable ' id='myModal'>
    <div class='modal-dialog modal-lg'>
        <div class='modal-content'>
            <div class='modal-header'>

                <div class="row">
                    <div class="col-md-5"><h3 class='modal-title'>Firma etairias</h3></div>
                    <div class="col-md-1"></div>
                    <div class="col-md-4"><h4 class=" text-right" id="modal_cust"><span class="small">Πελατης: </span><span id="modal_cust"> </span></h4></div>
                    <div class="col-md-2"><button class='close' data-dismiss='modal'>&times;</button></div>
                </div>

            </div><!-- end modal-header-->
            <div class='modal-body' id="repeater">


            </div><!-- end modal-body-->

            <div class='modal-footer'>
              <button id="btnPrint" class='btn btn-default'  type='button' onclick="window.print();"><span>Print</span></button>  <button class='btn btn-default' data-dismiss='modal' type='button'>Close</button> <button class='btn btn-primary' type='button'>Save changes</button>
            </div><!-- end modal-footer -->
        </div><!-- end modal-content -->
    </div><!-- end modal-dialog -->
</div><!-- end myModal -->