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

Question

我正在使用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"); ?>'
            ]
        });
    });
});

Answer 1

您是否尝试过简单地使用 CSS：

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

或者

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

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

对于 IE7 和 IE8 使用检查这篇文章。或者直接将这个 JavaScript 文件添加到您的项目中，并继续使用不会像 jQuery 那样破坏您的性能的旧媒体查询。