jQuery PrintArea打印空白页

Question

我想使用jQuery打印区域，自定义样式表和一些javascript代码来打印表单。 实际站点的页面是：

http://dev.radioimagendigital.com/orden-de-servicio/

调用打印区域操作的按钮是“ Imprimir”，作为参数传递给PrintArea插件的css文件是：

http://dev.radioimagendigital.com/wp-content/themes/stability/print1.css

实际的javascript代码是：

jQuery("div.b1").click(function(){
    var print = "";
    jQuery("input.selPA:checked").each(function(){
        print += (print.length > 0 ? "," : "") + ".content_orden_servicio" + jQuery(this).val();
    }); 


    var template_uri = '<?php echo get_template_directory_uri(); ?>'; 
    jQuery(".content_orden_servicio").printArea({
        mode       : "iframe",
        standard   : "html5",
        retainAttr : ["id","class"],
        printDelay : 500,
        printAlert : true,
        extraCss   : 'http://dev.radioimagendigital.com/wp-content/themes/stability/print1.css'
    });
});

尝试打印表格后，我得到了空白页。 这是为什么？ 以及如何解决这个问题？

任何帮助将不胜感激。

非常感谢

Answer 1

总体而言，这是一个CSS问题，css设法以某种方式在chrome中隐藏了打印机中的所有内容，为解决此问题，我创建了一个新的iframe，其中包含要打印的内容和css规则，并从中调用了jquery打印区域。