如何使用按钮单击关闭模式窗口答案

【问题标题】：how to close a modal window using a button click如何使用按钮单击关闭模式窗口
【发布时间】：2012-05-22 16:24:01
【问题描述】：

我有一个模态窗口，但我想设置一个关闭功能，以便当用户单击“按钮”时，它将关闭模态窗口。有谁知道这是如何实现的？

我有一个应用程序链接，您可以查看它here

下面是javascript代码，它显示了打开模态窗口的功能和我要放置代码以关闭模态窗口的设置功能：

function plusbutton() {
    $(".previouslink").modal(); 
    return false;
}
function closewindow() {    
    return false;
}

以下是用户单击加号按钮并显示“previouslink”div标签内的内容的表单代码：

<form id="QandA" action="imageupload.php" method="post">
    <h1>CREATING QUESTIONS AND ANSWERS</h1>
    <table id="plus" align="center">
        <tr>
            <th><a onclick="return plusbutton();">
<image src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage"/>
            </a><span id="plussignmsg">(Click Plus Sign to look <br />
            up Previous Questions)</span> </th>
        </tr>
    </table>
    <div class="previouslink">
        <h1>PREVIOUS QUESTIONS</h1>
        <button type="button" id="close" onclick="return closewindow();">Close
        </button></div>
</form>

【问题讨论】：

它没有被标记为 jQuery，但它是 jQuery 代码。为什么不直接使用 jQuery 对话框？
没有<image> 标签。使用<img>。

标签： javascript jquery html

【解决方案1】：

你的 Live-Example 告诉我，你似乎在使用 SimpleModal

来自文档：

关闭对话框

SimpleModal 会自动绑定关闭函数（使用 onclick 事件）到对话框内的任何元素与simplemodal-close 类。此外，您可以通过调用以编程方式关闭当前打开的对话框 $.modal.close();

意思是：在您的closeWindow()-Function 中，您可以简单地输入以下行：

$.modal.close();

然后完成。

【讨论】：

【解决方案2】：

我在几个网站上使用过这个jQuery reveal modal plugin，它对我来说非常有用。

或者，您应该查看jQuery Impromptu。我自己喜欢游览功能，但模态更有可能是您想要完成的。

这两个示例中的代码可能会引导您找到您要寻找的内容:)

【讨论】：