我試圖使用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>
嘗試刪除'ID = 「myModal」'從''標籤?你分配了相同的ID myModal到兩個不同的元素 – lastr2d2
我試過刪除並且改變id =「myModalss」這樣..仍然我有同樣的錯誤 –
我試過瀏覽器上的inspect元素顯示這個錯誤:「event.returnValue已棄用,請使用標準的event.preventDefault()代替。「 –