cómo cerrar una ventana modal con un clic de botón

Tengo una ventana modal pero quiero configurar una función de cierre para que cuando el usuario haga clic en el "botón", cierre la ventana modal. ¿Alguien sabe cómo se puede lograr esto?

Tengo un enlace a la aplicación para que pueda verla. aquí

A continuación se muestra el código javascript donde muestra la función de abrir la ventana modal y la función de configuración de donde quiero colocar el código para cerrar la ventana modal:

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

A continuación se muestra el código del formulario donde el usuario hace clic en el botón más y muestra el contenido dentro de la etiqueta div "enlace anterior":

<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>

preguntado el 22 de mayo de 12 a las 17:05

No está etiquetado como jQuery, pero es código jQuery. ¿Por qué no usaste el cuadro de diálogo jQuery? -

No hay <image> etiqueta. Usar <img>. -

2 Respuestas

Tu Live-Example me muestra que pareces estar usando SimpleModal

De la documentación:

CIERRE DEL DIÁLOGO

SimpleModal vinculará automáticamente la función de cierre (usando el evento onclick) a cualquier elemento dentro del cuadro de diálogo con el simplemodal-close clase. Además, puede cerrar mediante programación el cuadro de diálogo abierto actualmente llamando $.modal.close();

Medios: En su closeWindow()-Función, simplemente puede ingresar la línea:

$.modal.close();

y listo.

contestado el 22 de mayo de 12 a las 17:05

He usado esto jQuery revela complemento modal en varios sitios y me ha funcionado muy bien.

Alternativamente, debe consultar jQuery improvisado. Me encanta la función de recorrido, pero es más probable que los modales sean lo que estás tratando de lograr.

El código de ambos ejemplos probablemente lo llevará a lo que está buscando específicamente :)

contestado el 22 de mayo de 12 a las 17:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.