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

标签 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>

最佳答案

您可以使用 onbeforeunload 来提供那种响应。

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

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

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

关于javascript - 模态打开时不要重新加载页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31167669/

相关文章:

javascript - 有没有办法用 CasperJS 截取新遗物的仪表板屏幕截图?

javascript - 在javascript中将字符串转换为 bool 值

javascript - 我如何创建一个包含日期值和图像的 javascript 对象数组。要求如下:

javascript - 带有 auth header 的 Office App Ajax,连接到启用了 cors 的安全 Web api 2 后端

javascript - Bootstrap 模式 - 屏幕变黑

css - 在模态对话框中设置文本框控件的大小

javascript - 使用 D3.js 的实时图表

php - 使用 PHPExcel 和 AJAX 制作 Excel 文件

ajax - 使用SproutCore的跨域服务请求

jquery - 创建对话框的多个实例