Los modales se cierran inmediatamente con Bootstrap CSS

Estoy frente a un problema donde Twitter Bootstrapp CSS abre mi animación con fundido y la cierra inmediatamente. No sé por qué sucede esto, ¿alguien puede ayudar?Los modales se cierran inmediatamente con Bootstrap CSS

Actualización: Aparentemente, bootstrap.css ya tiene implementados los Modals. Entonces, usar ambos causa problemas. Dejando esto para futuros buscadores.

jsFiddle Enlace: http://jsfiddle.net/GB9ud/

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-9"> 
    <script src="js/jquery-1.7.1.min.js" lang="text/javascript"></script> 
    <script src="js/bootstrap.js" lang="text/javascript"></script> 
    <script src="js/bootstrap-tooltip.js" lang="text/javascript"></script> 
    <script src="js/main.js" lang="text/javascript"></script> 
    <script src="js/bootstrap-modal.js" lang="text/javascript"></script> 
    <link rel="stylesheet" href="/css/main.css"> 
    <link rel="stylesheet" href="/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="/css/bootstrap-responsive.min.css"> 
    <title>Library Management System</title> 
</head> 
<body> 
    <a data-toggle="modal" data-book-id="1" href="#extendbook" class="btn">Extend</a> 
    <div id="extendbook" class="modal hide fade"> 
     <div class="modal-header"> 
      <a data-dismiss="modal" class="close">×</a> 
      <h3>Modal header</h3> 
     </div> 
     <div class="modal-body"> 
      <p>One fine body…</p> 
     </div> 
     <div class="modal-footer"> 
      <a href="#" class="btn">Close</a><a href="#" class="btn btn-primary">Save changes</a> 
     </div> 
    </div> 
    </body> 
</html>

Fuente

2012-03-22 Mustafa

Supongo que está sucediendo algo que no será evidente solo con el marcado que nos estás mostrando. ¿Puedes vincular el sitio también o crear un jsfiddle? – kinakuta

@kinakuta creó un jsfiddle, http://jsfiddle.net/GB9ud/ – Mustafa

¿Su problema está resuelto? –

Usted está llamando a la modal en dos ocasiones por lo que ha de cargar a continuación, cerrando a continuación, cargar de nuevo

Fuente

2012-03-26 15:02:04 Rhyso

Sólo para añadir a esto, yo estaba experimentando el mismo problema, y la solución de mi caso era actualizar mi versión de jQuery a 1.9 o superior.

Fuente

2013-05-02 15:01:32 surfitscrollit

Tuve el mismo problema al trabajar en un proyecto con asp.NET. Estaba usando el programa de arranque 3.0.1 lo resolvió degradando a Bootstrap 2.3.2.

Fuente

2014-05-19 00:38:06 Ago

Los modales se cierran inmediatamente con Bootstrap CSS

Respuesta

Cuestiones relacionadas