你如何关闭jQuery Simplemodal？

Question

我想从JavaScript函数中关闭一个Simplemodal窗口，该函数在提交表单并使用ASP.Net MVC提交结果（AJAX）后自动调用。如何关闭jQuery Simplemodal？

我用这种方式打开了它：

$("#popup").modal()

Answer 1

您有两个选择：

1）将close类（simplemodal-close）放在模态数据中的元素上，SimpleModal会自动将close函数绑定到该元素上的click事件。

以上面的例子为例，你想要：

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

2）如果要以编程方式关闭对话框，请致电：

$.modal.close();

HTH！

-Eric（SimpleModal作者）

Answer 2

请致电关闭。

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

如果您正在为ajax完成而执行此操作，则需要添加回调。您可能想检查失败。

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

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

Answer 3

如果上述解决方案都不起作用，您也可以尝试触发关闭按钮的click事件（只要它放在弹出元素中）。

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

或者失败，使用Javascript。

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

Answer 4

$.modal.close();

或者您可以使用以下命令

setTimeout('goto_previous_page()', 1000);