Javascript 如何使用iframe动态创建jquery对话框?

Javascript 如何使用iframe动态创建jquery对话框?,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,如何创建JQuery简单对话框,对话框将不会在同一页的div中,但它应该在iframe中。一旦弹出窗口关闭,模型对话框也应该销毁 jquery对话框的当前问题是一旦弹出窗口关闭,生成的弹出html将保留在页面上。如果您打开同一个弹出窗口五次,所有这些弹出窗口将保持html格式,直到您重新加载页面 那么如何实现这些呢?var-iframe=$(''); var iframe = $('<div><iframe id="iframetestdialog" src=' + u

如何创建JQuery简单对话框,对话框将不会在同一页的div中,但它应该在iframe中。一旦弹出窗口关闭,模型对话框也应该销毁

jquery对话框的当前问题是一旦弹出窗口关闭,生成的弹出html将保留在页面上。如果您打开同一个弹出窗口五次,所有这些弹出窗口将保持html格式,直到您重新加载页面

那么如何实现这些呢?

var-iframe=$('');
    var iframe = $('<div><iframe id="iframetestdialog" src=' + url + ' style="border: none;overflow-x:hidden; overflow-y:hidden;display: block;" height="100%" width="100%" marginheight="0" marginwidth="0" frameBorder="0" scrolling="no" horizontalscrolling="no" verticalscrolling="no"></iframe>');
    $dialog = iframe.dialog({
        modal: true,
        height: height,
        width: width,
        closeOnEscape: false,
        draggable: true,
        resizable: false,
        title: title
    });
$dialog=iframe.dialog({ 莫代尔:是的, 高度:高度,, 宽度:宽度, closeOnEscape:错误, 真的, 可调整大小:false, 标题:标题 });

这就是动态创建对话框的方法。关闭时应使用“销毁”。希望这有帮助。

Iframe是否在对话框中?或iframe内的对话框?iframe内的对话框
<div id="dialog"/>

var dlg = $('#dialog').html('<iframe id="ifrm"></iframe>');
dlg.dialog({
    autoOpen: true,
    close: function (event, ui) {
        $(this).dialog('destroy').remove(); // Clears the html
    }
});
var isOpen = false;
$('#someButton').on('click', function(){
  if(!isOpen){
     // Create the dialog
     isOpen = true;
  }else{
     $('#dialog').dialog('open');
   }
});