Question

我希望能够通过点击链接打印带overflow:auto的div。下面是我正在使用的代码，但是它会在页面加载时使用它...

    printMe=window.open();
printMe.document.write($('.terms_and_conditions').html());
printMe.print();
printMe.close();

Answer 1

您可以将其包含在click事件中，例如：

$(function(){
  $('#element_id').click(function(){
    printMe=window.open();
    printMe.document.write($('.terms_and_conditions').html());
    printMe.print();
    printMe.close();
  });
});

Answer 2

尝试使用CSS打印，例如：

@media print {

    table, #MenuDiv, {
        visibility: hidden;
    }

   .fd_window, infoHide, #selectedItems, .fd_body {
        border: 0px solid;
        width: 100%;
    }

    #selectedItems table {
        visibility: visible!important;
        color: #000;
        display: block !important;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 8.5in;
    }

    #selectedItems table th, #form_selectedItems table td {
        border: 1px solid #000;
        padding: 3px;
        vertical-align: top;
    }
}

jQuery，用于在链接点击上打印内容的选项

2 个答案: