如何在colorbox模式中动态创建html结构？

Question

您好我正在尝试在colorbox iframe中动态创建一个html结构，但我无法定位colorbox iframe并插入html结构。知道我做错了什么。

感谢您提出任何建议或意见

Edit1：代码版本

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);
                                       }
                                   });
}