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

【问题标题】：how to avoid modal hide when clicking body单击正文时如何避免模态隐藏
【发布时间】：2017-01-31 19:51:25
【问题描述】：

我正在修改一个带有 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();

这个很好用，但是这个modal不能隐藏，在外面点击的时候会出现，我找不到怎么做。

我的尝试：

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

但不工作。

我该怎么做？

【问题讨论】：

标签： jquery uikit getuikit

【解决方案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>

【讨论】：