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歷史使用

回答

相關問題