你如何关闭一个 jQuery Simplemodal？答案

【问题标题】：How do you close a jQuery Simplemodal?你如何关闭一个 jQuery Simplemodal？
【发布时间】：2009-06-01 16:26:05
【问题描述】：

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

我是这样打开的：

$("#popup").modal()

【问题讨论】：

【解决方案1】：

你有两个选择：

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

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

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

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

$.modal.close();

HTH！

-Eric（SimpleModal作者）

【讨论】：

简单模态css的CDN在哪里？我只找到了简单模式的 *.js 的 CDN：cdn.jsdelivr.net/simplemodal/1.4.4/jquery.simplemodal.min.js

【解决方案2】：

只需调用 close。

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

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

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

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

【讨论】：

【解决方案3】：

如果以上方案均无效，也可以尝试触发关闭按钮的点击事件（只要放在弹出元素内即可）。

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

或失败，使用 Javascript。

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

【讨论】：

【解决方案4】：

$.modal.close();

或者你可以使用下面的命令

setTimeout('goto_previous_page()', 1000);

【讨论】：