2012-09-06 15 views
1

我正在使用jquery打印元素,我怎么能包含一个不同的样式表打印?jquery printelement

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

是什么thisWillBeTheCSSUsed.cssthisWillBeTheCSSUsedAsWell.css之间的区别?

+0

我不熟悉这个插件。不过,我的猜测是,纯字符串URL将用于显示和打印,而带有'media:'print''选项的对象将仅在打印时使用。但正如我所说,这只是一个猜测。 – lonesomeday

回答

5

通过查看插件的documentation,似乎是:

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

这意味着,任何你在thisWillBeTheCSSUsedAsWell.css定义将不会出现在页面在浏览器中正常浏览。

并回答你的第一个问题(我怎么能包括印刷不同的样式表):

你只需要定义样式打印thisWillBeTheCSSUsedAsWell.css

请让我知道,如果我可以详细说明上述任何。 :)

+0

这是正确的答案,应该标记为这样。 –

2

我从来没有使用这个插件,但是从上plugin's site给出的描述:


类型:Array of Strings | Array of $.fn.printElement.cssElement | Boolean
默认:null
说明:Can be one of the following 3 options:

  1. :布尔(通过剥离所有链接的CSS)
  2. :array $ .fn.printElement.cssElement(多个)
  3. :与路径交替CSS文件的字符串数组(打印优化

好像这个选项用于删除/替换任何现有的应用于页面的css文件。

所以,我相信这个代码块正在做的是显示技术2.3.删除/重写当前页面中的CSS。

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