2009-06-01 73 views
23

我想关闭一个JavaScript函数的Simplemodal窗口,在使用ASP.Net MVC提交表单和结果(AJAX)后自动调用该窗口。我如何关闭jQuery Simplemodal?如何关闭jQuery Simplemodal?

我打开一看是这样的:

$("#popup").modal() 

回答

66

你有2种选择:

1)将密切类(simplemodal关闭)的元素在你的模态数据和SimpleModal将关闭功能自动绑定到该元素上的click事件。

以上面的例子,你会想:

<div id="foo" style="display:none"> 
    <p>Form HTML</p> 
    <span class="simplemodal-close">Close</span> 
</div> 

2)当你想以编程方式关闭该对话框,请致电:

$.modal.close(); 

HTH!

-Eric(SimpleModal作者)

+0

哪里是CDN的简单模式的CSS?我发现只有CDN为简单模式的* .js:https://cdn.jsdelivr.net/simplemodal/1.4.4/jquery.simplemodal.min.js – FrenkyB 2016-04-04 14:51:38

+1

感谢埃里克一个奇妙的工具。 – FrenkyB 2016-04-04 16:07:21

7

只是调用close。

$("#popup").close(); 

如果你正在做一个ajax完成,你需要添加一个回调。你可能想检查失败。

var foo = $("#popup").modal(); 

$.ajax({url:url, success:function(){ 
    foo.close(); 
}}); 
+0

这为我工作:)感谢 – gfivehost 2013-01-25 18:31:44

1
$.modal.close(); 

,或者您可以使用下面的命令

setTimeout('goto_previous_page()', 1000); 
4

如果上述解决方案的工作,你也可以尝试触发接近的单击事件按钮(只要它被放置在popup元素中)。

$(".simplemodal-close").trigger("click"); 

或失败,使用Javascript。

document.getElementById('closeModalButton').click();