文件上传提醒后关闭模式弹出

Question

我有一个场景，我上传文件使用IFRAME。我想要的是成功上传文件后，我想关闭modal弹出。但它不适用于我的情况。我试着像下面

function CloseWindowFunction() { 
     alert('PDF uploaded successfully'); 
     $('.modal-dialog').modal('toggle'); 
    } 

也请参阅HTML为同一

<div class="modal fade" id="dvFileUpload" tabindex="-1" role="dialog" aria-labelledby="dvFileUploadTitle" aria-hidden="true" data-backdrop="static" data-keyboard="false"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <h5 class="modal-title" id="exampleModalLongTitle">File Upload</h5> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
        <span aria-hidden="true">&times;</span> 
       </button> 
      </div> 
      <div class="modal-body" data-keyboard="false"> 
       <iframe id="ifrmFileUpload" clientidmode="Static" runat="server" style="overflow: hidden; border: none" frameborder="0" scrolling="no"></iframe> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div> 

所以，我应该怎么关闭模式弹出，因为我的代码是不是有toggle财产的工作。

Answer 1

只要做到这一点

$('#dvFileUpload').modal('hide'); 

OR

$("#dvFileUpload .close").click(); 

OR

$('#dvFileUpload').removeClass('show'); 

Answer 2

也许你可以尝试用

function CloseWindowFunction() { 
     alert('PDF uploaded successfully'); 
     $('#dvFileUpload').modal('hide'); 
    } 

这里为模态事件的一些参考 https://getbootstrap.com/javascript/#modals-events

Answer 3

我想你在调用内部iframe中的CloseWindowFunction（）。如果是的话，请创建一个函数说hideModalPopup父页面内：

function hideModalPopup(){ 
    $('.modal-dialog').modal('toggle'); 
    //OR - $('.modal-dialog').modal('hide'); 
} 

调用上述功能hideModalPopup（）内CloseWindowFunction（）这样的。关闭窗口函数（）编辑，下面检查。

function CloseWindowFunction() { 
     alert('PDF uploaded successfully'); 
     window.parent.hideModalPopup(); 
} 

Answer 4

尝试添加一类模式的第一个div例如：

<div class="modal fade test-modal" id="dvFileUpload" tabindex="-1" role="dialog" aria-labelledby="dvFileUploadTitle" aria-hidden="true" data-backdrop="static" data-keyboard="false">

，然后调用[如何获得Twitter的引导模式的

$('.test-modal').modal('hide');