如何使用按钮关闭模式窗口

Question

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

我有该应用程序的链接，因此您可以在此处查看

以下是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

从文档中：

关闭对话

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

意思是：在closeWindow() -Function中，您只需输入以下行：

$.modal.close();

并完成。

Answer 2

我在几个站点上都使用过jQuery揭示模式插件 ，它对我来说非常有用。

或者，您应该签出jQuery Impromptu 。 我本人也喜欢巡回演出功能，但是模态更有可能是您想要完成的。

这两个示例中的代码都可能将您带到您正在寻找的特定对象:)