浏览器＆＃39;返回＆＃39;回到Javascript第二阶段的按钮？

Question

我遇到了nopCommerce中特定客户要求带来的问题。

我有一个页面 - 让我们说第1页 - 它显示了一个块图像，然后你必须点击它才能到达页面的主要部分（无论我多么努力劝阻他们从额外的点击他们坚持 - 在进入主要产品网格/类别页面之前，基本上是“魅力拍摄”。

我有这个JavaScript用于页面加载：

switch(window.location.pathname) {
    case "/store/page1":
        $(".category-page").hide();
        break;
etc. (there are other functions for other things)

其次是：

    $(".landing_click").click(function () {
        $(".landing_page").hide();
        $(".category-page").show();        
    });

这一切都很好，并且在点击主图像后显示产品网格（类别页面）。 然而从网格中查看单个产品（进入产品详细信息）后，单击浏览器上的后退按钮会返回到page1的第一个阶段，因此您必须单击启动图像/魅力再次射击到产品网格。

对我而言，这是合乎逻辑的，它正在按预期工作，但我需要找到一种方法，以便当用户点击产品后退按钮时，它会返回到产品网格。像这样：

这可以用JavaScript吗？它需要使用浏览器后退按钮而不是特定的其他按钮，尽管我还可以添加其中一个按钮。

如果它是一个简单的网站，它会相对容易，但我受限于nopCommerce的限制和类别页面的运作方式，因此我为什么要寻找一个JavaScript答案，如果可能，所以我可以简单地适应我的已经有了。

由于

Answer 1

我会使用location.hash这样做：

switch(window.location.pathname) {
    case "/store/page1":
        if(window.location.hash == "#landing") {
            $(".landing_page").show();
            $(".category-page").hide();
        }
        else {
            $(".landing_page").hide();
            $(".category-page").show();
        }
        break;
    //The rest here
}

其次是：

$(".landing_click").click(function () {
    window.location.hash = "#category";
    $(".landing_page").hide();
    $(".category-page").show();        
});

现在，当您进入产品详细信息页面时，单击后退按钮将移动到/ store / page1 #category直接加载类别页面。