javascript - 如何按后退按钮隐藏叠加层

Question

首先:我对 jQuery 和 Web 前端非常陌生。

问题: 我有一个test site

查看问题的步骤:

1. 点击[上传测试]
2. 点击图库中的任意图片即可查看叠加层
3. 点击浏览器的后退按钮

现在我看到带有叠加层的主页。 问题是当我通过“后退”按钮离开图库页面时如何隐藏叠加层？

有时其他叠加层会被隐藏，但当我再次进入图库页面时，它会可见。

如何自动隐藏？

谢谢。

更新:抱歉，我无法发布来源，因为我不知道问题出在哪里。请仔细查看浏览器中的源代码。

Answer 1

$(document).ready(function () {
    if (window.history && window.history.pushState) {
        $(window).on('popstate', function () {
            $("#galleryOverlay").css('display', 'none')
        });
    }
});