Twitter的引導：模式彈出不會褪色

我使用Twitter的引導模式插件以下標記：Twitter的引導：模式彈出不會褪色

<div class="tabbable"> 
     <ul class="nav nav-tabs"> 
      <li class="active"><a href="#tabPeople" data-toggle="tab">People</a></li> 
      <li><a href="#tabRoles" data-toggle="tab">Roles</a></li> 
     </ul> 
     <div class="tab-content"> 
      <div class="tab-pane active fade in" id="tabPeople"> 
       <a data-toggle="modal" href="#modalEditPerson1">Name</a> 
       <div class="modal hide fade in" id="modalEditPerson1"> 
        <div class="modal-header"> 
         <button class="close" data-dismiss="modal"> 
          ×</button> 
         <h3> 
          Name</h3> 
        </div> 
        <div class="modal-body"> 
         <p> 
          One fine body…</p> 
        </div> 
        <div class="modal-footer"> 
         <a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#" class="btn btn-primary"> 
          Save changes</a> 
        </div> 
       </div>     
      </div> 
      <div class="tab-pane fade" id="tabRoles"> 
       <p> 
        Role stuff here.</p> 
      </div> 
     </div> 
    </div>

這帶來了一個模式，但不褪色其作爲演示此頁面上：http://twitter.github.com/bootstrap/javascript.html#modals

UPDATE 我已經意識到這個問題是，它是嵌套在.tabbable的div也使用.fade 我已經更新上面的HTML中。

來源

2012-05-01 hofnarwillie

你可能忘了，包括的JavaScript動畫

<script src="assets/js/bootstrap-transition.js"></script> 
<script src="assets/js/bootstrap-modal.js"></script>

的transitions.js需要得到首次列入！

來源

2012-05-01 23:54:53 HaNdTriX

你是對的。我從github下載了它，所以沒有包含插件，但是現在我已經包含了它，它仍然不會褪色。 – hofnarwillie

只是testet你的HTML，它工作正常。你確定你下載了正確的bootstrap-transition.js嗎？ – HaNdTriX

本頁內容：http://twitter.github.com/bootstrap/download.html我選擇所有插件，然後單擊底部的巨大藍色按鈕。 – hofnarwillie

-2

第一名身體外的模式彈出tag.After該評論或類模式，背景中bootstrap.css刪除顯示屬性作爲我在下面

完成。

modal-backdrop { 
 
    position: fixed; 
 
    top: 0; 
 
    right: 0; 
 
    bottom: 0; 
 
    left: 0; 
 
    z-index: 1040; 
 
    background-color: #000; 
 
    /*display:none;*/

now write some jquery as i have mentioned below:

$("#Yourid").click(function() { 
 

 
    $('.modal-backdrop fade in').attr("display", "block"); 
 
});

來源

2016-03-23 12:06:49

1.您不應該在body標籤之外放置任何HTML代碼。 – hofnarwillie

2.不要修改源引導程序的css文件。 – hofnarwillie

3. JavaScript不是必需的。 – hofnarwillie

Twitter的引導：模式彈出不會褪色

回答

相關問題