如何关闭 jQuery Simplemodal？

Question

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

我是这样打开的：

$("#popup").modal()

Answer 1

您有 2 个选项：

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

以上面的示例为例，您需要：

<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

如果以上解决方案都不起作用，您还可以尝试触发关闭按钮的点击事件（只要将其放置在弹出元素内部即可）。

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

或者失败的话，使用 Javascript。

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

Answer 4

$.modal.close();

或者你可以使用以下命令

setTimeout('goto_previous_page()', 1000);