ボディをクリックするとモーダルの隠蔽を避ける方法

Question

私はUIKitでモーダルを持つサイトを変更しています。これは一般的なモーダルで、どのように開いていますか？この場合、ボタンを隠したいです。ですが、正常に動作しますが、このモーダルを隠すことができない、と外をクリックしたときにそれが起こる

 <div id="modal_generic" class="uk-modal generic_modal uk-open" aria-hidden="false" style="display: block; overflow-y: scroll;"> 
     <div class="uk-modal-dialog"> 
      <h4 class="uk-h4">text</h4> 
      <div class="wrap_buttons_accept_input_file uk-width-1-1"> 
       <a class="uk-button uk-button-link uk-button-small uk-modal-close btn_close_form"">CLOSE</a> 
      </div> 
     </div> 
    </div> 


    $('#modal_generic').find('h4').text('modal text'); 
    $('#modal_generic .uk-form').hide(); 
    $('.btn_close_form').hide(); 
    $.UIkit.modal('#modal_generic').show(); 

、私はそれを行う方法を見つけることができません。

私の試み：

$('body').click(function(e) { 
    e.preventDefault(); 
}); 

しかし、働いていません。

どうすればいいですか？

Answer 1

すでにボディクリックに隠れていません。手動で表示しないでください。

$('#modal_generic').find('h4').text('modal text'); 
 
$('#modal_generic .uk-form').hide(); 
 
$('.btn_close_form').hide(); 
 
//var modal = UIkit.modal("#modal_generic"); 
 
//console.log(modal.defaults.bgclose = false);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/css/uikit.min.css" rel="stylesheet" /> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/js/uikit.js"></script> 
 
<div id="modal_generic" class="uk-modal generic_modal uk-open" aria-hidden="false" style="display: block; overflow-y: scroll;" data-uk-modal="{target:'#ID',bgclose:false}"> 
 
    <div class="uk-modal-dialog"> 
 
    <h4 class="uk-h4">text</h4> 
 
    <div class="wrap_buttons_accept_input_file uk-width-1-1"> 
 
     <a class="uk-button uk-button-link uk-button-small uk-modal-close btn_close_form" ">CLOSE</a> 
 
      </div> 
 
     </div> 
 
    </div>