gpt4 book ai didi

javascript - 使用 jqprint 使用 CSS 打印特定的 DIV

转载 作者:太空宇宙 更新时间:2023-11-03 23:48:02 26 4
gpt4 key购买 nike

我想用 css 打印一个 div。当我应用 inline css 但在 external and internal css 中它不起作用时,它与我一起工作。下面是我的代码,

<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>

最佳答案

我已经尝试过您的代码,它似乎可以与外部 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;
}
}

关于javascript - 使用 jqprint 使用 CSS 打印特定的 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21065908/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com