JQuery printElement在Internet Explorer中打印整个页面

时间:2013-07-03 13:55:40

标签: jquery internet-explorer html printing

我正在使用jQuery printElement来打印div的内容。

它在Safari,Chrome和Firefox上运行完美,但是当我尝试使用Internet Explorer(所有版本)时,它会打印整个页面而不是div。这是为什么?我该怎么办?

以下是用于打印的代码:

$('.print_button').each(function() {
    $(this).click(function() {
        $(this).closest('.details').find('.div_to_print').printElement({
            pageTitle: '...',
            overrideElementCSS: [
                '<?php echo stylesheet_path("print.css"); ?>'
            ]
        });
    });
});

1 个答案:

答案 0 :(得分:1)

您是否尝试使用简单的CSS:

@media print {
      .element-not-to-print {
          display: none;
      }
}

OR

@media print {
      .element-not-to-print {
          visibility: hidden;
      }
}

支持媒体查询 IE9 + http://caniuse.com/css-mediaqueries

对于IE7和IE8,请使用检查this article。或者直接将this JavaScript file添加到您的项目中并继续使用不会像jQuery那样破坏性能的旧媒体查询。