模态打开时不要重新加载页面

时间:2015-07-01 17:12:17

标签: javascript ajax modal-dialog

这是我在这里的第一个问题。我想阻止仅在模式打开时从浏览器重新加载按钮重新加载页面。否则可以重新加载。我应该显示一个警告,说明在重新加载之前应该关闭模态或类似的东西。

HTML:

<div id="newwr" class="modal newwr">
    <div class="modal-content">
        <h4>Create a WR</h4>
        <p>...</p>
    </div>
</div>

JAVASCRIPT:

<script>
    window.onbeforeunload = function() {
        if (modal.isOpen()) {
          alert("Modal should be closed before reloading the page");
        }
    }
</script>

1 个答案:

答案 0 :(得分:2)

您可以使用onbeforeunload来提供此类响应。

window.onbeforeunload = function() {
    if (modal.isOpen()) {
      return "Modal should be closed before reloading or something...";
    }
}

您需要以某种方式确定模态是否打开。你可以在内部跟踪状态(因为我试图在这里用伪代码显示),或者通过检查DOM来查看你的模态是否存在和/或可见。

正如评论中所述,一旦我们了解您的代码,我们就可以提供更具体的帮助,但希望这会指出您正确的方向。