javascript - UIkit 模态警报 JS

Question

我使用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';
});

Answer 1

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

"prepared"= 无法将属性发送到模态对话框(目前)。也许打开有关此主题的 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>