提交联系表后7模态未在Safari（ipad）Wordpress中显示

Question

  

我使用了联系表单和插件表单，并在提交时显示成功消息模态。但它不适用于ipad Safari。       成功提交表单后，模态不显示。页面已使用操作URL重定向。

 //Modal code
<div class="modal fade" id="openredspoonapplicationmodal" role="dialog" tabindex="-1">
<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">×</span></button>
<h2 class="modal-title" style="font-family: "Freight Sans Bold";">RED SPOON CLUB</h2> 
</div>
<div class="modal-body" style="padding: 50px !important;">
<h5 style="margine-left:10px;"><p>Thank you for submitting</p></h5>
</div>
</div>    
</div>
</div>

//jQuery Code
$(document).ready( function(){
document.addEventListener( 'wpcf7mailsent', function( event ) {
 if ( '1781' == event.detail.contactFormId ) { // Change 123 to the ID of the form 
 jQuery('#openredspoonapplicationmodal').modal('show');
 }

}, false );
});
})(jQuery);