如何打印引导模式弹出窗口？

Question

刚才我正在使用JavaScript打印我的网站内容的打印功能。我可以通过直接内容打印我网站的内容。但问题是使用bootstrap模式弹出窗口打印内容似乎与我所做的不同。以下是我已实施的正常内容的打印代码。

HTML：

<div id="printArea">
            <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="mSchedule" class="modal fade">
                <div class="modal-dialog">
                    <div class="modal-content" style="width: 1000px;" >
                        <div class="modal-header">
                            <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                            <button type="button" id="printer" class="btn btn-info">Print</button>
                            <h4 class="modal-title">Repayment Schedule</h4>
                        </div>
                        <div class="modal-body"  id ="schedule-table">

                        </div>
                    </div>
                </div>
            </div>
        </div>

JS：

$(document).ready(function(){
    $(document).on('click', '#printer', function (event) {
        event.preventDefault();
        var $print = $("#printArea");
        $(document.body).wrapInner('<div style="display: none"></div>');
        var $div = $('<div />').append($print.clone().contents()).appendTo(document.body);
        window.print();
        $div.remove();
        $(document.body).children().contents().unwrap();
    });
});

我知道这段代码可以正常打印普通内容，但我不知道如何打印bootstrap popup模式。

任何帮助都非常感激。