Jquery printelement

Question

我使用的是jquery打印元素，如何为打印添加不同的样式表？

$("selector").printElement(
{
    overrideElementCSS:[
       'thisWillBeTheCSSUsed.css',
       { href:'thisWillBeTheCSSUsedAsWell.css',media:'print'}
    ]
});

thisWillBeTheCSSUsed.css 和之间有什么区别？ thisWillBeTheCSSUsedAsWell.css

Answer 1

通过查看插件documentation，似乎：

• thisWillBeTheCSSUsed.css用于在浏览器的窗口中显示您的页面，而
• thisWillBeTheCSSUsedAsWell.css 仅用于打印模式。

这意味着您在thisWillBeTheCSSUsedAsWell.css中定义的任何内容 not 都会出现在浏览器中正常浏览页面中。

回答你的第一个问题（我怎么能包含不同的打印样式表？）：

您只需要定义打印thisWillBeTheCSSUsedAsWell.css的样式。

如果我能详细说明上述任何内容，请告诉我。 ：）

Answer 2

我从未使用过这个插件，而是根据plugin's site上的说明：

---

输入：Array of Strings | Array of $.fn.printElement.cssElement | Boolean
默认值：null
说明：Can be one of the following 3 options:

1. ：boolean（传递true以剥离所有链接的css）
2. ：$ .fn.printElement.cssElement（s）数组
3. ：包含备用css文件路径的字符串数组（针对print进行了优化）

   ---

   似乎此选项用于删除/覆盖应用于页面的任何现有css文件。

   因此，我认为此代码块正在执行的操作是显示用于删除/覆盖当前页面中的css的技术2.和3.。

   $("selector").printElement(
   {
       overrideElementCSS:[
          'thisWillBeTheCSSUsed.css',
          { href:'thisWillBeTheCSSUsedAsWell.css',media:'print'}
       ]
   });