2012-11-25 58 views
0

我正在尋找一個jQuery腳本通過Ajax加載內容的顯示內容(無需重新加載頁面)有兩個要求:的jQuery/AJAX裝載和從窗口側

  • 我需要更改URL每個內容
  • 我想加載具有某種效果或過渡

我在找工作的this page效果的內容(點擊標識,向下滾動頁面,然後點擊在左/右箭頭上:內容從a面出現第二網址變了!)

我尋覓了很長一段時間是這樣的,但我沒有結果:(

非常感謝您!

回答

0

對於第一點,您可以使用`history.pushState(null,'new title','new URL')。 這裏是the compatibility table

對於第二點,使用jQuery,你可以這樣做:

$.ajax(
    url:'your/path/to/the/new/page', 
    success:function(data){ 
     $('body').animate({'left':'-'+window.width}, 'slow', function(){ 
      document.write(data) 
     }); 

    } 

的主體應該有一個position: relative;

這是未測試的原型

0

你提到的鏈接(http://www.themealings.com.au/)使用jquery mobile來完成這項工作。使用jQuery的手機,你可以自動ajaxify鏈接,可以做歷史管理和動畫頁面。