JQuery /打印問題

Question

好的，就是這樣的情況。我有這個頁面的數據。數據呈現後，我封裝在泡不同的表和申報單，像這樣：

$("#summaryInformation").bubble({ width: 400, title: 'Summary Information' }); 
$("#swapLegs").bubble({ width: 400, title: 'Swap Legs' }); 
$("#indicationResultsDiv").bubble({ width: 400, title: '' }); 
$("#amortizationSchedule").bubble({ width: 400, title: 'Amortization Schedule' }); 
$("#amortizationInformation").bubble({ width: 400, title: 'Amortization Options' }); 
$("#pricingDetails").bubble({ width: 400, title: 'Pricing Details' }); 

現在我已經在頁面上彈出，其中用戶可以勾選不同的複選框爲每個以上這些「氣泡」。當他們點擊彈出窗口中的'生成'時，我希望它們被重定向到基本上佔用當前頁面上所有氣泡的另一個頁面，並將它們很好地排列以便打印。我將如何做到這一點？

Answer 1

您可以重新排列從「屏幕」頁面複製的數據，但您仍然可能需要爲「打印」頁面提供特殊樣式，因爲豐富的界面很少能很好地打印出來。

我建議你在頁面中創建一個特殊的元素（就像一個隱藏的div），它將被打印爲樣式，然後按照你喜歡的方式填充它（在文檔渲染過程中或通過jQuery動態），然後打印只是這個特定的元素。對於使用jQuery進行頁面元素打印，我建議使用jQuery Print Element插件。