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 使用检查this article .或者直接添加 this JavaScript file 进入正题。到您的项目并继续使用不会像 jQuery 那样破坏您的性能的良好旧媒体查询。