ポップアップモーダル閉じるon ajax respone

Question

私はonclicksが開くポップアップモーダルを持っています。フォームを送信してajax成功リクエストを受け取ると、このモーダルが閉じられます。私は試しました

success: function(data) 
{ 
    //console.log('ticket added'); 
    this.closeModal(); 
} 

しかし、それは動作しない、誰もこれを整理することができます。アドバンス

<script> 
require(
    [ 
     'jquery', 
     'Magento_Ui/js/modal/modal' 
    ], 
    function($, modal) { 
     var options = { 
      type: 'popup', 
      responsive: true, 
      innerScroll: true, 
      title: 'Test title', 
      buttons: [{ 
       text: $.mage.__('Continue'), 
       class: '', 
       click: function() { 
        this.closeModal(); 
       } 
      }] 
     }; 

     var popup = modal(options, $('#events_popup')); 
     $("#click-me").on('click',function(){ 
      $("#events_popup").modal("openModal"); 
     }); 
}); 
</script> 

<div id="events_popup" style="display: none;" class="events_popup"> 
<script type="text/javascript"> 
    require(
     [ 
      'jquery' 
     ], 
    function($,modal) { 
     $("#<?php echo $_product->getId()?>").submit(function(e) { 

      $.ajax({ 
       type: "POST", 
       url: $(this).attr('action'), 
       data: $("#<?php echo $_product->getId()?>").serialize(), 
       showLoader: true, 
       success: function(data) 
       { 
        //console.log('ticket added'); 
        document.close(); 
       } 
      }); 

      e.preventDefault(); 
     }); 
    } 
); 

</script> 
</div> 

Answer 1

のおかげであなたは、私は解決策を持って

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

Answer 2

を試してみました、私たちは、次のコード行でモーダルを破壊することができます。

$('#events_popup').modal('closeModal');