jquery - 你如何关闭一个 jQuery Simplemodal？

Question

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

我是这样打开的：

$("#popup").modal()

Answer 1

您有 2 个选项：

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

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

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

2）当您想以编程方式关闭对话框时，请调用：

$.modal.close();

！

-Eric（SimpleModal作者）

Answer 2

就叫close吧。

$("#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);