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插件。