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