2014-02-06 152 views
0

我正在使用此工具对我的页面进行打印预览。Jquery打印预览未显示完整页面

DemoPlugin

我有一个表在我的网页。因此,当我在页面加载后绘制预览时,它不会在Firefox中显示完整页面。

Firefox

但在铬同一页面可以正常使用,呈现出一个完整的预览。

代码。

<link rel="stylesheet" href="{{ asset('bundles/joy/css/print.css') }}" type="text/css" /> 

<link rel="stylesheet" href="{{ asset('bundles/joy/print/css/print-preview.css') }}" type="text/css" /> 

<link rel="stylesheet" href="{{ asset('bundles/joy/css/print.css') }}" type="text/css" media="print"/> 

这个print.css是由me制作的,它不是来自插件的例子。

$('body').printPreview(); 
$.printPreview.loadPrintPreview(); 

我错过了什么吗?我如何在firefox和chrome中看到完整的预览?

+0

演示在我的机器上FF看起来不错。你能分享包含你的代码的链接或小提琴吗? –

+0

演示示例也包含问题(已下载一个,不在网上)。至少在我的机器上它的确如此。版权声明在页面末尾减半。@ MilindAnantwar尽管我找到了解决方案。问题在于iframe的大小。 – AtanuCSE

回答

0

问题出现在iFrame高度。如果我根据页面总高度调整iFrame高度,它会正常工作。

演示示例还包含10-02-14(下载演示代码)中的Firefox中的问题。在打印预览示例中,页脚或版权声明切成两半。

所以这就是我所做的。在jquery.print-preview,js文件,我取代的

print_frame.height($('body', print_frame.contents())[0].scrollHeight); 

所有实例

heights=Math.max($(document).height(), $(window).height())+30; 
print_frame.height(parseInt(heights)); 

这将设置与实际文件的高度iframe的高度。