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

Question

可能重复：
如何从另一个页面关闭模式表单

我有两页。从第一页开始，我想用 url test.html 调用模态表单，我想用 href="#" onclick="">Close 从 test.html 页面关闭模态表单，我正在使用以下代码打开模态对话框

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

Answer 1

考虑到您想从 test.html 关闭模态，一个潜在的解决方案可以是找到生成对话模态的父级的 id 并关闭它这可以通过以下方式完成：

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

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

这将从 test.html 关闭模式。

Answer 2

你可以关闭你的对话框

$("#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要用于关闭对话框的按钮/链接。