如何将自动生成的html模板放在对话框内的iframe中

时间:2013-10-01 07:40:12

标签: jquery html

我有一个自动生成的html模板:

var html = engagement_tech_file_upload.file_upload({ file_types : file_types, selected_file_type: selected_file_type });

只需单击一个按钮,就会出现一个对话框:

$('#multiple-file').live('click', function () {
$(".tech-file-upload-dialog").html('<iframe>'+html+'</iframe>').dialog('open');
});

其中包含iframe中的html模板。但这不起作用,如何正确地做到这一点?

1 个答案:

答案 0 :(得分:0)

无法从您的代码段获取太多内容,但如果我没有错,您想在html中写一些iframe

假设多文件是按钮,你可以这样做:

$('#multiple-file').live('click', function () {
    var html = "<html><body><h2>New Document</h2></body></html>";
    var iframeDoc = $('#iframeId')[0].contentWindow.document;
    $("body", iframeDoc).append(html);
});

html 是您的模板, iframeId 是您的iframe的 ID 。将iframe放在div内的dialog内。

以下是一个示例小提琴:http://jsfiddle.net/Y5xPY/1/