使用jqprint打印特定的DIV與CSS使用jqprint

我想用css打印div。它與我合作，當我申請inline css但在external and internal css它不起作用。下面是我的代碼，使用jqprint打印特定的DIV與CSS使用jqprint

<script src="jquery.jqprint.0.3.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
$(function() { 
    $("#PrintButton").click(function() { 
     $('#divToPrint').jqprint(); 
     return false; 
    }); 
}); 
</script> 

<style type="text/css"> 
@media screen,print 
    { 
    .test {background:#0F0; width:500px; height:200px;} 
    } 
</style> 

<input id="PrintButton" type="button" name="Print" value="Print" /> 

<div id="divToPrint" class="test"> 
Print Me, I'm in DIV 
</div>

來源

2014-01-11 Arif

不要使用'''後'。它應該是前。 – Zword

@Zword它並不重要，但我把它放在之前，仍然不能正常工作 – Arif

我不是說它的解決方案。它是正確的順序來使用這些標籤。 – Zword

我試過你的代碼，它似乎與外部CSS工作正常。

<html> 
<head> 
<script src="jquery.min.js" type="text/javascript"></script> 
<script src="jquery.jqprint-0.3.js" type="text/javascript"></script> 
<link rel="stylesheet" href="test.css"> 

<script language="javascript" type="text/javascript"> 
$(function() { 
    $("#PrintButton").click(function() { 
     $('#divToPrint').jqprint(); 
     return false; 
    }); 
}); 
</script> 
</head> 
<body> 
<input id="PrintButton" type="button" name="Print" value="Print" /> 

<div id="divToPrint" class="test"> 
Print Me, I'm in DIV 
</div> 
<body> 
</html>

和外部CSS文件名：test.css

@media screen,print 
{ 
    .test { 
      background:#0F0; width:500px; height:200px; 
     } 
}

來源

2014-01-11 18:38:57 Akshay

奇怪的是，它之前並沒有工作，現在和我一起工作也很完美。非常感謝你的時間:) – Arif

我得到了這個錯誤 - 無法讀取undefined的屬性'opera' –

我也收到錯誤無法讀取未定義的屬性'opera'，可能是由於插件不支持新版本的jQuery 。 –

使用jqprint打印特定的DIV與CSS使用jqprint

回答

相關問題