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

-1

可能重复：
how do close modal form from another page 如何从另一个页面关闭模态对话框jQuery中

我有两个页面。从第一页我想调用模式形式与网址test.html，我想关闭模态形式从test.html页面与href =“＃”onclick =“”>关闭我使用下面的代码来打开模式对话框

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

来源

2012-12-18 Samir Datta

你能给我们一个标记的想法吗？如果你只加载一个页面，'test.html'，那么你需要的是访问次数？ – jaudette

什么样的模态？像一个iframe弹出式的东西？你在使用哪个库？ – qwerty

如果您使用的是iframe，您可以使用：window.parent.close（）。但你真的需要提供更多关于你正在使用的东西，你的示例代码以及你迄今为止所尝试过的东西的信息。 –

您可以

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

从任何地方在你的代码关闭对话框。

由于对话框的内容是动态加载的，你可以的事件时，包含分区

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

来源

2012-12-18 12:08:24 jaudette

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

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

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

这将关闭来自test.html的模态。

来源

2012-12-18 12:11:01

我想关闭模态对话框 –

然后通过以相同的方式获取模态对话框的id并使用相同的方法关闭它来关闭它。 –

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

回答

相关问题