Twitter Bootstrap Modal có tối không?

Tất cả mã khởi động của tôi đều hoạt động ngoại trừ phương thức. Chế độ hiển thị, nhưng toàn bộ màn hình tối. Đó là, phương thức có vẻ là "đằng sau" màu xám.Twitter Bootstrap Modal có tối không?

<link href="assets/css/bootstrap.css" rel="stylesheet"> 
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script src="assets/js/bootstrap.js"></script> 

    <a href="#myModal" data-toggle="modal">Login</a> 

    <div id="myModal" class="modal hide fade in" aria-hidden="true"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">X</button> 
      <h3 id="myModalLabel">Log in</h3> 
     </div> 
     <div class="modal-body"> 
     <p> 
      <form class="modal-form" id="loginform" > 
       <input type="text" name="username" placeholder="login" id="username"> 
       <input type="text" name="password" placeholder="password" id="userpassword"> 
      </form> 
      </p> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
      <button class="btn btn-success">Login</button> 
     </div> 
    </div>

Nguồn

2012-12-31 user1935559

Tôi thực sự không hiểu vấn đề?

Tôi vừa thử mã của bạn trong jsfiddle: http://jsfiddle.net/zFHAJ/ và mọi thứ dường như hoạt động tốt?

<!DOCTYPE html> 
<html> 
    <head> 
     <link href="http://moi007.dyndns.org/igestis/theme/iabsis_v2//css/bootstrap.css?2.0-4" rel="stylesheet"> 
    <link href="http://moi007.dyndns.org/igestis/theme/iabsis_v2//css/bootstrap-responsive.css" rel="stylesheet"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script src="http://moi007.dyndns.org/igestis/theme/iabsis_v2//js/bootstrap.js?2.0-4"></script> 
    </head> 
    <body> 


    <div id="myModal" class="modal hide fade in" aria-hidden="true"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">X</button> 
      <h3 id="myModalLabel">Log in</h3> 
     </div> 
     <div class="modal-body"> 
      <form class="modal-form" id="loginform" > 
       <input type="text" name="username" placeholder="login" id="username"> 
       <input type="text" name="password" placeholder="password" id="userpassword"> 
      </form> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
      <button class="btn btn-success">Login</button> 
     </div> 
    </div> 

     <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 
</body> 
</html>

Có thể bạn có một số CSS tùy chỉnh khác xung đột với trình khởi động?

Nguồn

2012-12-31 08:35:40

Tải lại tất cả bootstrap CSS & JS ... dường như khắc phục được sự cố. – user1935559

Điều này cũng xảy ra với tôi. Nguyên nhân là phương thức không phải là con trực tiếp của 'cơ thể' nhưng khá sâu trong hệ thống phân cấp. –

Cảm ơn, @PeterSankauskas, đã giúp tôi. – jrhorn424

Có vẻ như bạn cần phải thêm video này vào kịch bản ngay trước khi diễn ra </head>

<script type="text/javascript"> 
$(function() { 
    $("#myModal").modal({show:false}); 
}); 
</script>

Nguồn

2013-01-07 09:18:21 LokiLust

các bootstrap.js hoặc bootstrap.min.js trước

</body>

Nguồn

2015-03-25 05:23:44 user2592890

Twitter Bootstrap Modal có tối không?

Trả lời

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