モーダルはすぐにブートストラップで閉じられるCSS

私は、Twitter Bootstrapp CSSがアニメーションをフェードで開き、すぐに閉じてしまう問題に直面しています。私はなぜこれが起こるのか分からない、誰も助けることができる？モーダルはすぐにブートストラップで閉じられるCSS

更新：それにもかかわらず、bootstrap.cssにはすでにModalsが実装されています。だから両方を使うと問題が起きる。将来の調査員のためにこれを残す。

JSFiddleリンク：それはそれから閉じ、再びロード後、ロードですので、あなたが二回モーダルを呼び出している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>

出典

2012-03-22 Mustafa

私はあなたが私たちに示しているマークアップからは明らかにならないことがあると思います。あなたもサイトにリンクしたり、jsfiddleを作成できますか？ – kinakuta

@kinakutaはjsfiddleを作成しました。http://jsfiddle.net/GB9ud/ – Mustafa

あなたの問題は解決しましたか？ –