Bootstrap模式問題

我在我的最新項目中使用了twitter引導程序。這一切工作正常，除了其中一頁。Bootstrap模式問題

點擊鏈接會彈出一個模式，我可以使用模式右上角的關閉按鈕或關閉圖標關閉該模式。

但是，我使用關閉按鈕關閉模式，然後嘗試再次打開它（或任何其他鏈接）關閉按鈕被禁用，我只能使用右上角的圖標關閉模式。

下面是一個jsfiddle的鏈接，帶有我的代碼副本，您可以在其中直接查看結果。

只有一種模式，數據將通過該鏈接傳遞，但尚未實現。

<h3>Select a role to edit it.</h3> 
<div style="width:auto"> 
<ul class="nav nav-pills nav-stacked"> 
<li><a href="#" data-toggle="modal" data-target="#roleEditModal">(920)Active Directory Management</a></li> 
<li><a href="#" data-toggle="modal" data-target="#roleEditModal">(904)Cisco Router - Administration </a></li> 
<li><a href="#" data-toggle="modal" data-target="#roleEditModal">(914)Cisco Router - Installation</a></li> 
<li><a href="#" data-toggle="modal" data-target="#roleEditModal">(918)Development - Analysis</a></li><li><a href="#" data-toggle="modal" data-target="#roleEditModal">(908)Development - Project Management</a></li> 
<li><a href="#" data-toggle="modal" data-target="#roleEditModal">(936)Fire Wall - Administration</a></li> 
</ul> 
</div>   
     <!-- Modal --> 
     <div class="modal" id="roleEditModal" tabindex="-1" role="dialog" aria-labelledby="roleEditModalLabel" aria-hidden="true"> 
      <div class="modal-dialog"> 
      <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
      <h4 class="modal-title" id="editModal">Edit role:</h4> 
      </div> 
      <div class="modal-body"> 

      </div> 
      <div class="modal-footer"> 
      <button type="button" id="btn_roleEditClose" class="btn btn-default" data-dismiss="modal">Cancel</button> 
</div> 
</div> 
</div> 
</div>

http://jsfiddle.net/dzfbyu6t/

有人能來看看它，讓我知道是我的問題。感謝

來源

2015-01-15 user3818264

您添加的JavaScript引起了問題。

$(".btn").click(function(e) { 
    if (! $(this).hasClass("disabled")) 
     { 
      $(".disabled").removeClass("disabled").attr("rel", null); 

      $(this).addClass("disabled").attr("rel", "tooltip"); 
     } 
    });

如果你評論這工作正常。 http://jsfiddle.net/dzfbyu6t/1/

來源

2015-01-15 10:19:51 tmg

Bootstrap模式問題

回答

相關問題