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