2012-03-22 29 views
7

ile kapatıldı Twitter Bootstrapp CSS animasyonumun soluklukla açıldığı ve hemen kapatıldığı bir sorunla karşı karşıya geliyorum. Bunun neden olduğunu bilmiyorum, herkes yardımcı olabilir mi?Modals hemen Bootstrap CSS

Güncelleme: Anında, bootstrap.css zaten Modals uygulamasına sahiptir. Yani, her ikisini kullanarak bir sorun çıkarır. Bunu gelecekteki araştırmacılar için bırakmak.

JSFiddle Bağlantı: o zaman kapatma yeniden yükleme sonra yüklüyor böylece iki kez modal aradığınız 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> 
+0

Sanırım, bize gösterdiğiniz işaretlemeden bir şey olmayacak. Siteye de bağlantı kurabilir veya bir jsfiddle oluşturabilir misiniz? – kinakuta

+0

@kinakuta bir jsfiddle oluşturdu, http://jsfiddle.net/GB9ud/ – Mustafa

+0

Sorununuz çözüldü mü? –

cevap

0

Sadece bu eklemek, ben aynı sorunla karşılaşan ve çözüm içinde edildi Benim durumum jQuery sürümümü 1.9 veya daha yüksek bir seviyeye yükseltmekti.

0

Aynı problemi asp.NET ile bir proje üzerinde çalıştım. Bootstrap 2.3.1 kullanıyordum Bootstrap 2.3.2'ye düşürüldü.

İlgili konular