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

它已经没有隐藏在身体上。只是不要手动显示。

＆＃13;

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

＆＃13;

<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>

＆＃13;

单击body时如何避免模态隐藏

1 个答案: