JQuery /打印问题

Question

好的，这就是情况。我有这个数据页面。在数据呈现之后，我将不同的表和div封装在气泡中，如下所示：

$("#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插件。