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设法隐藏了打印机中的所有内容，为了解决这个问题，我创建了一个新的iframe，其中包含我要打印的内容和css规则，并从中调用了jquery打印区域。

jQuery PrintArea打印空白页面

1 个答案: