使用jQuery插件时,整个页面都在IE中打印

时间:2013-09-26 10:13:16

标签: javascript jquery internet-explorer printing

HTML

<div id="printDiv">
<!-- content Here -->
</div>
<input type="button" value="Print" onclick="printDiv()"/>

JQuery的

function printDiv()
{
  $("#printDiv").print();
}

这是使用Mozilla Firefox时的特定div,但在使用IE(版本10)时,它会打印整个页面。

我正在使用这个jQuery插件。

jQuery.print.js

请帮帮我。

1 个答案:

答案 0 :(得分:4)

你可以在没有插件的情况下完成。我不知道该插件是否正在做一些额外的事情。你必须编写一个自定义的js函数来只打印div而不是整个页面...

<强> HTML

<div id="printDiv">
       //content Here
 </div>

<强> JS

function customPrint(id) {
     var cont = $('#'+id).html(),
         pageCont = $('body').children();// Updated

     /*Replace the page content with the div content that needs to be printed*/
     $('body').html(cont);

     /*Print function call*/
     window.print();

     /*Place the original page content back*/
     $('body').html(pageCont);
}

customPrint("printDiv");

<强>更新

function customPrint(id) {
         var cont = $('#'+id),
             pageCont = $('body');

         /*Hide the page content*/
         pageCont.hide();
         cont.show();

         /*Print function call*/
         window.print();

         /*Display back the page content*/
         pageCont.show();
    }