如何隐藏叠加按“后退”按钮 [英] How to hide overlay pressing Back button

问题描述

首先：我是jQuery和web前端的新手。

Firstly: I ma very new in jQuery and web front-end.

问题：
我有测试网站

查看问题的步骤：

1. 点击[UploadTest]


2. 点击图库中的任何图片查看叠加层


3. 点击浏览器的后退按钮

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

Now I see main page with the overlay. Question is how to hide overlay when I leave the gallery page by Back button?

某些时候其他叠加层被隐藏但是当我再次进入图库页面时它是可见。

Sometime othe overlay is hidden but when I go on gallery page again it is visible.

如何自动隐藏？

谢谢。

更新：抱歉，我无法发布消息来源，因为我不知道哪里有问题。如果你仔细查看浏览器内部来源，请。

UPDATE: Sorry, I can not post sources because I do not know where is problem. Please if you have a minute look inside sources in browser.

推荐答案

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

这篇关于如何隐藏叠加按“后退”按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！