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

我有使用嵌套在.tabbable格內的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" 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" id="tabRoles"> 
       <p> 
        Role stuff here.</p> 
      </div> 
     </div> 
    </div>

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

它正常工作時，不嵌套在.tabbable元素

頭裏麪包含此：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="styles/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> 
<link href="styles/styles.css" rel="stylesheet" type="text/css" /> 
<link href="/styles/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

來源

2012-05-02 hofnarwillie

其工作正常，http://jsfiddle.net/WAnU8/，你的js加載順序是什麼？ –

感謝您的回覆。我在主帖中添加了js鏈接。 – hofnarwillie

嗯，一切都應該適合你的設置，除了你應該加載引導樣式表高於一切，但這只是一邊。你有沒有對引導進行任何修改？在我的小提琴上面，一切按預期運行，運行股票引導樣式表和插件，所以它必須是你的設置中的其他東西。你可以在http://jsfiddle.net重新創建你的設置來看看嗎？ –

找到它。我在頁面的其他地方有一個jQuery選擇器，它選擇了比應該更多的選擇。它捕獲了我的模態錨點上的點擊事件並覆蓋了默認行爲。感謝大家的幫助/輸入。

來源

2012-05-02 19:58:43 hofnarwillie

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

回答

相關問題