2017-03-21 85 views
0

我有創建一個jQuery模態窗口作爲函數如下模態對話框:jQuery的銷燬近

function EditDialog(pk) {    
     $.ajax({ 
      url: "{% url 'populatereviewform' %}", 
      method: 'GET', 
      data: { 
      pk: pk 
     }, 
     success: function(formHtml){ 
      //place the populated form HTML in the modal body 
      $('.modal-body').html(formHtml); 
      $("#dialog").modal({width: 500, height: 500}); 
     }, 
     dataType: 'html' 
     }); 
    return false; 
} 

我怎麼能保證我每次調用此函數對話框的一個新的實例時創建?我想知道我是否可以勾住關閉事件並確保對話框完全被破壞。我想調試一些東西,看起來我的一些變量在第二次調用這個對話框的時候並沒有刷新,我正在試着去查看它的底部。用於創建對話框的django模板是:

<div id="dialog" class="modal" title="Edit" style="display:none"> 
     <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> 
       <h4 class="modal-title">Review Uploaded Image</h4> 
       </div> 
       <div class="modal-body"> 
       </div> 
      </div> 
     </div> 
    </div> 
+0

你使用引導模態? –

+0

'$(「。modal」)。on(「hidden.bs.modal」,function(){//您的變量在這裏});' –

+0

是的,對於遲到的回覆抱歉。我的網絡死了! – Luca

回答

1

您可以使用引導模態回調。

$('#dialog').on('hidden.bs.modal', function() { 
    $('.modal-body').html(''); 
});