Jquery打印預覽未顯示完整頁面

Question

我正在使用此工具對我的頁面進行打印預覽。

DemoPlugin

我有一個表在我的網頁。因此，當我在頁面加載後繪製預覽時，它不會在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中看到完整的預覽？

Answer 1

問題出現在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的高度。