嗨,我在我的网站上使用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>

最佳答案

根据文档here,您可以使用hide.uk.modal事件,只要关闭模式即可触发该事件。在事件处理程序中,您可以使用重新加载功能。也包括jQuery文件。

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

10-05 20:18
查看更多