2013-10-01 51 views
0

我有一個自動生成的HTML模板:如何把自動生成HTML模板的iframe這是一個對話框,裏面裏面

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模板。但這不起作用,如何正確地做到這一點?

+0

你可以給小提琴演示 – rynhe

回答

0

不能從你的代碼片段中弄出太多,但如果我沒有錯,你想寫一些htmliframe

假設多個文件是按鈕,你可以做這樣的:

$('#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的標識。將iframe放入dialog內的div內。

這裏是一個小例子:http://jsfiddle.net/Y5xPY/1/