關閉後刪除模式內容

Question

myModal顯示圖像。關閉後，它不會清除以前模式的數據。這是我迄今爲止所做的。

<a href="#myModal" class="btn btn-default" data-toggle="modal" data-remote-image="resources/uploads/<?= $s->photo_url; ?>"> 
    <i class="fa fa-image"></i> 
</a> 

莫代爾體：

<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Slide</h4> 
      </div> 
      <div class="modal-body"> 

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

的Javascript：

<script type="text/javascript"> 
$('#myModal').on('show.bs.modal', function (e) { 
    $('<img class="img-responsive" src="'+ e.relatedTarget.dataset.remoteImage+ '">').load(function() { 
     $(this).appendTo($('#myModal .modal-body')); 
    }); 
}); 

$('#myModal').on('hidden.bs.modal', function (e){ 
    $(this).removeData(); 
}); 
</script> 

Answer 1

嘗試：

$(this).removeData('bs.modal'); 

沒有看到更多的周圍代碼是很難說。但是您可以清空模式：

$('#myModal .modal-body').empty()