javascript - 如何使用按钮单击关闭模式窗口

Question

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

我有该应用程序的链接，以便您可以查看它 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>

Answer 1

您的实例向我展示，您似乎正在使用 SimpleModal

来自文档:

CLOSING THE DIALOG

SimpleModal will automatically bind the close function (using the onclick event) to any element inside the dialog with the simplemodal-close class. In addition, you can programmatically close the currently opened dialog by calling $.modal.close();

意味着:在您的 closeWindow() 函数中，您只需输入以下行:

$.modal.close();

完成。