jquery - 如何使用浏览器后退按钮关闭 Bootstrap 模式而不是返回页面？

Question

我发现这是智能手机的问题，也可能与台式机有关。我们已经“修改”了我们的 Bootstrap 模式以使其具有响应能力，但是当在智能手机上显示时，它是全屏的，用户假设该模式是一个页面并单击返回以“关闭”它。我们已将 包含在右上角的 X 中，但还希望使用后退按钮来关闭模式。大家有什么想法吗？

谢谢

Answer 1

我找到了更好的方法，感谢 http://www.mylearning.in/2015/06/close-modal-pop-up-on-back-button.html

    $('#myModal').on('show.bs.modal', function(e) {
        window.location.hash = "modal";
    });

    $(window).on('hashchange', function (event) {
        if(window.location.hash != "#modal") {
            $('#myModal').modal('hide');
        }
    });