Google Chrome中的PrintThis Jquery插件问题

时间:2014-01-31 10:01:59

标签: javascript html jquery-plugins

我正在使用Jquery插件PrintThis.js和jquery-1.7.2.min.js来打印我的网页的特定div。它在Firfox和IE中运行良好。但不幸的是,它不适用于谷歌浏览器。实际上谷歌浏览器正在打印完整的网页,包括横幅,菜单和按钮。我在网上搜索了很多但无法得到合适的解决方案

这是我的示例代码

Java脚本

$(function () { 
$("input:button").click(function () {
$("#print").printThis();
});
});

HTML

<body>
<input type="button" value="print" />
<div id="print">
this is print area, it can be everything. this is print area, it can be everything.this is print area, it can be everything. this is print area, it can be everything.
</div>
</body>

这里在谷歌Chroome的这个页面上也会打印出按钮,但是我不想打印这个按钮,而且相同的代码在Firefox中工作得很好,而且在IE中它也工作得很好

1 个答案:

答案 0 :(得分:2)

我找到以下代码来使用我的chrome安装(版本32.0.1700.102 m)和printThis v1.3。

JS:

$(function () { 
$("input:button").click(function () {
$("#print").printThis();
});
});

HTML:

<body>
<input type="button" value="print" />
<div id="print">
this is print area, it can be everything. this is print area, it can be everything.this is print area, it can be everything. this is print area, it can be everything.
</div>
</body>

这是一个小提琴,我收到了成功的结果: http://jsfiddle.net/NetsydeMiro/dS6qK/

也许这是你正在使用的printThis版本​​的问题?

如果这个小提琴适合你,请告诉我。