使用Bootstrap CSS即時關閉Modals

我面臨的一個問題是，Twitter Bootstrapp CSS以淡入淡出的方式打開我的動畫並立即關閉它。我不知道爲什麼會發生這種情況，誰能幫忙？使用Bootstrap CSS即時關閉Modals

更新：值得注意的是，bootstrap.css已經實現了Modals。所以，使用它們都會造成麻煩。留給未來的搜索者。

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

來源

2012-03-22 Mustafa

我猜想有些事情會從您向我們展示的標記中看不到。你也可以鏈接到該網站或創建一個jsfiddle？ – kinakuta 2012-03-22 21:02:21

@kinakuta創建了一個jsfiddle，http://jsfiddle.net/GB9ud/ – Mustafa 2012-03-22 21:05:32

那麼你的問題解決了嗎？ – 2012-03-22 22:00:26