jqprint插件打印页面css失效的解决办法

jqprint插件作为前端一个打印页面插件简单易用，相关配置如下：

请注意!很多朋友遇到 Cannot read property 'opera' of undefined错误问题是juqery版本兼容问题

解决方法：加入迁移辅助插件jquery-migrate-1.0.0.js可解决版本问题

1	<script src="http://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script>

实现方法

引用jquery和，jqprint到您的页面

1 2	<script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js"></script>

js

1 2 3 4 5

<script language="javascript"> function  a(){         $("#ddd").jqprint();     } </script>

html

1 2 3 4 5 6 7 8 9 10 11

<div id="ddd">     <table>         <tr>             <td>test</td>             <td>test</td>             <td>test</td>             <td>test</td>             <td>test</td>         </tr>     </table> </div>

1	<input type="button" onclick=" a()" value="打印"/>

相关参数   

1 2 3 4 5 6

$("#printContainer").jqprint({      debug: false, //如果是true则可以显示iframe查看效果（iframe默认高和宽都很小，可以再源码中调大），默认是false      importCSS: true, //true表示引进原来的页面的css，默认是true。（如果是true，先会找$("link[media=print]")，若没有会去找$("link")中的css文件）      printContainer: true, //表示如果原来选择的对象必须被纳入打印（注意：设置为false可能会打破你的CSS规则）。      operaSupport: true//表示如果插件也必须支持歌opera浏览器，在这种情况下，它提供了建立一个临时的打印选项卡。默认是true });

最最最重要的一点！

<link type="text/css" rel="stylesheet" href="print.css" media="print" />

一个页面只能引入一个打印css配置，引入多个css，则不能添加meta="print"属性，同时添加此属性插件读取不到。

如果需要打印的页面引入单个css，meta="print"为非必须项，即以下两种均可

 <link href="a.css" rel="stylesheet" meta="print">
 <link href="a.css" rel="stylesheet">

如果需要打印的页面引入多个css，则不能添加meta="print"属性，同时添加此属性插件读取不到。

<link href="a.css" rel="stylesheet">
<link href="b.css" rel="stylesheet">