Twitterのブートストラップ：ネストされたモーダルポップアップが消えない

Question

I .tabbableのdiv内にネストされた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要素

ヘッダー内にネストされていない場合に正常に動作します。この含まれています

を

Answer 1

見つけました。私はjQueryセレクタをページのどこかに選択して、それ以上のものを選択していました。モーダルアンカーのクリックイベントをキャプチャして、デフォルトの動作をオーバーライドしていました。みんなの助けを借りてくれてありがとう。