Question

可能重复：
how do close modal form from another page

我有两页。从第一页我想用url test.html调用模态表单，我想从test.html页面关闭模态表单，用href =“＃”onclick =“”＆gt;关闭我正在使用以下代码打开模态对话框

$(document).ready(function()
 {
     $("#create-user").button().click(function()
     {`enter code here`
         $("#dialog-form").load('test.html').dialog({ modal:true, }); 
     }); 
 });

Answer 1

您可以使用

关闭对话框

$("#dialog-form").close();

来自代码中的任何位置。

由于动态加载对话框内容，您可以在包含div

上绑定一个事件

$(document).ready(function()
{
  $("#create-user").button().click(function()
  {
     $("#dialog-form").on('click', '.close_link', function() {
         $("#dialog-form").close();
         return false;
     };
     $("#dialog-form").load('test.html').dialog({ modal:true, }); 
  }); 
});

您只需要将close_link添加到要用于关闭对话框的按钮/链接。

Answer 2

考虑到你要从test.html关闭模态，一个潜在的解决方案是找到生成对话模式的父项的id并关闭它。这可以这样做：

a href="#" onclick="closeModal()"

function closeModal()
{
 window.parent.document.getElementById('dialog-form').style.display = 'none';
}

这将关闭test.html中的模态。

如何从Jquery中的另一个页面关闭模态对话框

2 个答案: