首次调用时未显示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模式

回答

相关问题