comment éviter le masquage modal en cliquant sur le corps

Question

Je modifie un site qui a modal avec UIKit, c'est le modal générique et comment je l'ouvre, dans ce cas, je veux cacher le bouton.

 <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(); 

C'est fonctionne très bien, mais ce modal ne peut pas être caché, et il arrive en cliquant dehors, je ne peux pas trouver comment le faire.

Mon essai:

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

Mais ne fonctionne pas.

Comment puis-je le faire?

Answer 1

Il ne se cache déjà pas sur le clic du corps. Juste ne le montre pas manuellement.

$('#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>