首次調用時未顯示Bootstrap模式

我試圖使用Bootstrap 3.0模式將外部html文件加載到使用jQuery Ajax加載器的模式中，但是它不會在第一次調用時顯示，而是在隨後的調用中起作用。首次調用時未顯示Bootstrap模式

<a data-toggle="modal" data-target="#myModal" href="#myModal" id="myModal" aria-hidden="true">Department</a> 

<div class="contianer"> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
       </button> 
       <h4 class="modal-title"> 
        <img src="img/logo.png" width="150" alt="SmartAdmin"> 
       </h4> 
      </div> 
       <div class="modal-body no-padding"> 
       </div> 
     </div> 
    </div> 
</div> 
</div> 

<script type="text/javascript"> 
$('#myModal').click(function(e){ 
    e.preventDefault(); 
    $.ajax({ 
     type: "GET", 
     url: "?AId=DEPT_ADDUPDATE", 
     data: { }, 
     success: function(data){ 
      $('.modal-body').html(data); 
     } 
    }); 
}); 
</script>

來源

2014-02-11 never giveup

嘗試刪除'ID = 「myModal」'從''標籤？你分配了相同的ID myModal到兩個不同的元素 – lastr2d2

我試過刪除並且改變id =「myModalss」這樣..仍然我有同樣的錯誤 –

我試過瀏覽器上的inspect元素顯示這個錯誤：「event.returnValue已棄用，請使用標準的event.preventDefault（）代替。「 –

只需添加：

success: function(data){ 
     $('.modal-body').html(data); 
     $('#myModal').modal("show"); 
    }

來源

2014-02-11 07:42:41

仍然我有同樣的錯誤... –

datt-target =「＃myModal」to data-target =「＃myModal」 –

對不起和哥們... –

首次調用時未顯示Bootstrap模式

回答

相關問題