2012-05-28 23 views
7

Modal veri kapanma eylemi, modaldaki tıklamayı kapatmak için çalışıyor. Belgelendirilemediğim bir konu var gibi görünüyor ve umarım birileri burada biraz ışık tutabilir. İşte kodTwitter Bootstrap Kalıcı veri-dismiss

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

Ben eylem test etmek için <div class="alert alert-block"> koymak önyükleme-modal.js

dahil bootstrap tam takım olup, uyarısında iş gibi görünüyor ama değil kalıcı! .

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

sen diyorsun $ ("# myModal") modal ('şov') işlevi: –

cevap

2

bu kodu ekleyin lütfen? İşte örneğinizle çalışan bir keman: http://jsfiddle.net/tPv7u/
+1

'Göster' varsayılan olarak ayarlanmıştır, bu yüzden iki #myModal satırı aynı şeyi yapmalıdır. – Dirk