2012-03-22 29 views
7

Tôi đang gặp phải sự cố trong đó CSS ​​Bootstrapp CSS mở hoạt ảnh của tôi bằng cách mờ dần và đóng ngay lập tức. Tôi không biết tại sao điều này xảy ra, bất cứ ai có thể giúp đỡ?Các chế độ được đóng ngay lập tức với Bootstrap CSS

Cập nhật: Tốt hơn, bootstrap.css đã có các phương thức được triển khai. Vì vậy, sử dụng cả hai người trong số họ làm cho một rắc rối. Để điều này cho những người tìm kiếm trong tương lai.

JSFiddle Link: 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

Tôi đoán có điều gì đó đang diễn ra mà sẽ không rõ ràng chỉ từ đánh dấu bạn đang hiển thị cho chúng tôi. Bạn có thể liên kết đến trang web này hay tạo một jsfiddle không? – kinakuta

+0

@kinakuta đã tạo một jsfiddle, http://jsfiddle.net/GB9ud/ – Mustafa

+0

Vì vậy, vấn đề của bạn đã được giải quyết chưa? –

Trả lời

5

Bạn đang kêu gọi các phương thức hai lần vì vậy nó tải sau đó đóng cửa sau đó tải lại

0

Chỉ cần thêm vào đó, tôi đã trải qua cùng một vấn đề, và giải pháp trong trường hợp của tôi là nâng cấp phiên bản jQuery của tôi lên 1.9 hoặc cao hơn.

0

Tôi đã gặp vấn đề tương tự khi làm việc với dự án với asp.NET. Tôi đã sử dụng bootstrap 3.0.1 đã giải quyết nó hạ cấp xuống Bootstrap 2.3.2.

Các vấn đề liên quan