JavaScript uk-modal-关闭并重新加载页面

Question

嗨，我正在使用http://getuikit.com/docs/modal.html在我的网站上，

我的代码如下

<a href="#my_modal" class="uk-button" data-uk-modal="">Click to open modal</a>
<div id="my_modal" class="uk-modal">
    <div class="uk-modal-dialog">
        <a href="" class="uk-modal-close uk-close"></a>
        <h1>Title</h1>
        <p>...body ...</p>
        <div  class="uk-modal-footer">
            <a href="#" class="uk-button uk-modal-close" id="openmodal">Cancel</a> <!-- Just close the modal -->
           <!-- Call external link -->
        </div>
    </div>
</div>

我想在有人点击“取消”时刷新背景，我是 js 新手，但做了一些研究并发现

location.reload(true);

这将有助于重新加载页面，但不知道如何使用它，有人可以帮忙吗

回答。将其添加到页面末尾

<script>
        $('.uk-modal').on({
            'hide.uk.modal': function(){
                location.reload(true);
            }
        });
    </script>

Answer 1

根据文档here ，您可以使用 hide.uk.modal 事件，每当模式关闭时就会触发该事件。在事件处理程序中，您可以使用重新加载功能。还包括 jQuery 文件。

$('.modalSelector').on({
    'hide.uk.modal': function(){
       location.reload(true);
    }
});