Question

我创建了一个使用jQuery显示和隐藏元素的网页。现在出现了明显的问题;后退和前进浏览器按钮不再起作用，因为所有内容都在一个位置加载。

我知道答案在jQuery History内但是在他们的网站上乱了几个小时并在这里给出了stackoverflow的例子后，我仍然无法设法：

A）创建一个历史记录条目（我想我已经覆盖但不是100％肯定） B）使用我自己的功能（显示在下面）

为页面转换设置动画

这是网站：www.grommit.nl

有4个子页面在被调用时需要历史记录条目。

此代码显示＆＃34; wordpress页面＆＃34;的转换。其他页面以类似的方式工作。（到目前为止，我只是设法使用＆＃34; LoadPageContent＆＃34;函数来概括页面加载的最后一部分，之前的位与每个页面不同）

var LoadPageContent = function() {
            $(".sceneBody").slideDown(function() {
                $(".aftertitle").css('width', '4em');
                $(".mediacontainer").fadeTo('0.3s', 1,)
            });

$("#goWordpress").click(function () {
            $("#homeScene").fadeOut(function () {
                $("#wordpressMessage").fadeIn(function() {
                    $(this).delay(300).slideUp(function() {
                        $("#wordpressPage, #grommitFixed").slideDown(function() {
                             LoadPageContent();                             
                        });
                    });
                });
            });
        });

这是当前作为DOM中的前一个按钮的函数。我希望在单击上一个按钮时执行此功能。

var goBack = function() {
            $(".aftertitle").css('width', '0em')
                $(".mediacontainer").fadeTo('0.3s', 0, function() {
                    $(".scenebody, #grommitFixed").slideUp(function() {
                        $("*[id*=Page]:visible").each(function() {
                            $(this).slideUp(function() {
                                $("#homeScene").fadeIn();
                            });
                        });
                    });
                 });

        };

Answer 1

在html5中，你有一个名为pushstate的东西，你可以用来告诉浏览器返回什么。退房：

html pushstate

jQuery历史用法

1 个答案: