2012-05-28 15 views
7

Estoy intentando que la acción modal de descarte de datos funcione para cerrar el modal al hacer clic. Parece que hay un problema que no puedo encontrar documentado y espero que alguien aquí pueda arrojar algo de luz sobre él. Aquí está el códigoTwitter Bootstrap Descarte de datos modal

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset='UTF-8'/> 
    <title> Modal test </title> 
    <link href='themes/default/bootstrap/css/bootstrap.css' rel='stylesheet'/> 
    <link href='themes/default/bootstrap/css/bootstrap-responsive.css'  rel="stylesheet"/> 
</head> 
<body> 
<div class="modal" id="myModal"> 
    <div class="modal-header"> 
    <button class="close" data-dismiss="modal">×</button> 
    <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> 
<div class="alert alert-block"> 
    <a class="close" data-dismiss="alert" href="#">x</a> 
    <h4 class="alert-heading">Warning!</h4> 
    Best check yo self, you're not... 
</div> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="themes/default/bootstrap/js/bootstrap.js"></script> 
</body> 
</html> 

es el conjunto completo de arranque incluyendo arranque-modal.js

que puse en el <div class="alert alert-block"> para probar la acción, parece que funciona en la alerta, pero no el modal!

+1

¿Estás llamando la función ('show') del $ ("# myModal") modal? Aquí está un violín que funciona con su ejemplo: http://jsfiddle.net/tPv7u/ –

Respuesta

2

añadir este código por favor:.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#myModal').modal(); // initialized with defaults 
     $('#myModal').modal('show'); // open your modal dialog 
    }); 
</script> 
+1

'Show' está configurado por defecto, por lo que las dos líneas #myModal deberían hacer lo mismo. – Dirk