jQuery历史使用

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

我知道答案就在jQuery History但破坏我的头在他们的网站，在这里给出的计算器例子几个小时后，我仍然无法管理到：

A）创建的历史记录（我想我明白这包括在内，但不是100％确定） B）动画处理我自己的函数（下面显示）

这是网站的页面过渡：www.grommit.nl

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

此代码显示“wordpress页面”的转换。其他页面以相似的方式工作。（到目前为止，我只设法概括与“LoadPageContent”功能页面加载的最后一部分，在此之前，该位是与每一页不同）

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(); 
          }); 
         }); 
        }); 
       }); 

     };

来源

2017-09-01 Grommit

在HTML5中，你有一些所谓pushState的，你可以用它来告诉浏览器去什么回。退房时间：

html pushstate

来源

2017-09-01 19:28:02 stevelacerda7

jQuery历史使用

回答

相关问题