UIkit 模态警报 JS答案

【问题标题】：UIkit Modal Alert JSUIkit 模态警报 JS
【发布时间】：2020-02-14 00:05:56
【问题描述】：

我使用的是UIkit 3.1.6的版本，在JS中我调用了UIkit.modal.alert函数，但是我希望能够在模态窗口中设置一些参数，我希望它在中心并且带有bg-close 和 esc-close 功能设置为 false。使用 Uikit 2 版本，它现在可以正常工作了，你能帮我理解我错在哪里吗？

UIkit.modal.alert("test", {bg-close: false, esc-close: false}).then(function () {
   window.location = '/test';
});

【问题讨论】：

标签： javascript getuikit

【解决方案1】：

“模态对话框”==>准备好的模态对话框的数量。

"prepared" = 无法将属性发送到Modal dialogs（还）。也许打开关于这个主题的 GitHub 问题。

https://getuikit.com/docs/modal#modal-dialogs

通过代码，您可以获得相同的想法/结果（“如果模态接近则做某事”）

var $modal = UIkit.modal('#my-id', {
  escClose: false,
  bgClose: false
});

/* show modal */
$modal.show();

/* modal hide event */
UIkit.util.on('#my-id', 'hide', function () {
  //console.log("do something");
  UIkit.notification('Card has been moved.', 'success');
});

<link href="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/css/uikit.min.css" rel="stylesheet"/>
  <!-- This is the modal -->
  <div id="my-id" uk-modal>
      <div class="uk-modal-dialog uk-modal-body">
          <h2 class="uk-modal-title">Hello modal</h2>
          <button class="uk-modal-close" type="button">Confirm</button>
      </div>
  </div>

<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script>

【讨论】：