1

我正在使用 jquery 打印元素，如何包含不同的样式表进行打印？

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

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

4

2 回答 2

5

通过查看插件的文档，似乎：

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

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

并回答您的第一个问题（我如何包含不同的打印样式表？）：

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

如果我可以详细说明上述任何内容，请告诉我。:)

于 2012-09-06T11:43:53.920 回答
2

我从来没有使用过这个插件，但是从插件网站上给出的描述来看：

类型：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 文件的路径（针对打印进行了优化

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

所以，我相信这个代码块正在做的是展示技术2.和3.删除/覆盖当前页面中的 css。

$("selector").printElement(
{
    overrideElementCSS:[
       'thisWillBeTheCSSUsed.css',
       { href:'thisWillBeTheCSSUsedAsWell.css',media:'print'}
    ]
});
于 2012-09-06T11:44:29.280 回答