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 打印区域。

jQuery PrintArea 打印空白页

jQuery PrintArea prints blank page

javascript

jquery

jquery-plugins