单击正文时如何避免模态隐藏

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>

单击正文时如何避免模态隐藏

how to avoid modal hide when clicking body

jquery

uikit

getuikit