jquery - 如何使用 JQuery 关闭 Kyle Fox 模态对话框

Question

我想以模态方式显示我的页面的一部分。

我打算为此使用Kyle Fox 的 Modal jQuery。

他的代码示例为对话框提供了一个关闭链接，如下所示：

<a href="#" rel="modal:close">Close</a> or press ESC</p>

我确信这会起作用，但是我怎么能调用模式关闭，而不必在某处有链接。

Answer 1

这取决于您如何初始化模态类。但总的来说它：

$.modal.close();

这将关闭所有现有的模式。

让您希望在单击某些 div 元素时关闭模式，您可能希望添加一个新的事件侦听器来触发关闭，如下所示：

在您的 html 中：

<div id="container"></div>

在你的 JS 中：

$(document).on('click', '#container', $.modal.close);