我有一个使用iframe的网站. iframe本身是网站的内容.现在在iframe中我想使用jQuery对话框.但是当使用它时,覆盖和对话框只显示在不在父项上的iframe内.我的父母html为对话框定义了以下html:
<div id="modalHolder"></div>
在我的iframe中,我使用以下javascript来创建对话框并显示它.
dlg1 = $(window.parent.document.getElementById("modalHolder")); dlg1 = dlg1.dialog({ width: 300,height: 150,modal: true,autoOpen: false,resizable: false,cloSEOnEscape: false,draggable: false,overlay: { backgroundColor: 'red',opacity: 0.65 },open: function(event,ui) { $(".ui-dialog-titlebar-close").hide(); } });
要显示对话框,我用它:
dlg1.dialog('open');