引導JS模態負荷，但不能編輯

Question

我用JavaScript來加載引導模態，$('#myModaltictacgame').modal();在table一個HTML Form與input的細節，所以我的模態代碼看起來像這樣

<div id="myModal" class="modal fade" role="dialog"> 
<div class="modal-dialog modal-lg"> 
<!-- Modal content--> 
    <div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">&times;  </button> 
      <span>my modal</span> 
     </div> 
     <div class="modal-body table-responsive"> 
     <table...>  
     <form ....> 
      <input ...> 
      ... 
     </form> 
     </table> 
     </div>.. 
     .. 
</div> 

所以，當我使用選擇選項模態窗口應打開這是很好的，並顯示所有的輸入字段，但它來與透明的黑色窗口，模態上的每一件事都是可見的，但我不能選擇輸入任何細節，除非我打開瀏覽器底部的檢查元素窗口等等檢查窗口的頂部與2英寸間隙來選擇我的正常頁面，很難解釋，但請檢查附加的圖片capture screen 1,capture screen 2

Answer 1

你的HTML結構應該遵循我遵循相同的結構，在Bootstrap Document

<div id="myModal" class="modal fade" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>    
     </div> 
     <div class="modal-body"> 
     //put your stuff inside the modal-body div 
     <form ....> 
     <table...> 
     <input ...> 
      ... 
     </table> 
     </form> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal -->