使用浏览器后退按钮关闭模态窗口

时间:2016-07-17 22:28:18

标签: javascript jquery html

在做了一些研究之后在这里发帖并找到关于这个主题的一些未解答的问题。 我希望能够在用户点击浏览器后关闭模态窗口'返回'按钮,这是专门用于移动设备,因为移动设备上的模态窗口往往占据屏幕的很大一部分,除了点击“回来”之外,用户没有太多选择..

所以,我遇到了一些可能的解决方案,但还没有完全理解它是如何工作的。

来自:http://fiddle.jshell.net/Palestinian/UKJRM/它非常简单地显示了如何使用链接和哈希...现在问题是..当你加载模态窗口时,你没有哈希链接(我使用jquery bpopup)

所以问题的第一部分是:如何"追加"哈希仅使用javascript / jquery?

现在问题的第二部分将是检测后退点击,取消事件和关闭模态......我想这可能是这样的:

$(window).on("navigate", function (event, data) {
    var direction = data.state.direction;
    if ( !! direction) {
        if(direction == 'back'){
            // close the modal
            // remove the hash (how?)
        }
    }
});

有人可以帮忙吗?

0 个答案:

没有答案