使打印预览与jquery colorbox插件一起使用

时间:2011-07-19 01:31:26

标签: javascript jquery printing colorbox preview

我正在尝试使用彩色打印机进行打印预览,但遇到问题却无法正常工作。

我的代码:

MY.util.printPreview = function(previewOptions){
 var header, subHeader;
 previewOptions = jQuery.extend({},{
         title:"Print Page",
         selector:".print",
         width:"60%",
         height:"80%"
 }, previewOptions);

 header = ['<div class="Header"><h1>', previewOptions.title, '</h1>',
           '<a class="closeModal" href="#close">Close','</a>','</div>'].join("");

 subHeader= ['<div class="modalSubHeader">','<ul><li class="imglogo"></li>','<li class="actualprint print">Print Page</li></ul>','</div>'].join("");

 jQuery(previewOptions.selector).colorbox({
         iframe:true,
         width: previewOptions.width,
         height: previewoptions.height,
         html:jQuery(document).html(),
         onComplete:function(){
                 jQuery("#nav, .media").remove();
                 jQuery("#wrapper").wrap('<div class="content"/>');
                 jQuery(".content").prepend(header);
                 jQuery(".Header").append(subHeader);
        }
  });
}

0 个答案:

没有答案