2010-04-23 105 views
0

基本上我想複製的頁面變化效果在這裏發現,在http://timvandamme.com/PHP/jQuery的頁面率變化轉變

,但使用的#values我想用PHP包括,主要是因爲我希望自己的網站像尤伯杯 - 儘可能友好...但仍然有這個不錯的效果。

那麼有沒有辦法做到這一點?我有一個主索引文件,其中包括使用通常'GET'方法在該中心其他PHP文件,所以我的網頁看起來像這樣:"index.php?page=about"

在我的jQuery代碼我想有一個聲明,在那裏,如果我點擊導航,內容向上滾動,然後一旦相關的PHP文件加載完畢,讓內容向下滾動並顯示新的頁面內容(同時導航到地址欄中的新頁面,因此如果用戶點擊瀏覽器中的後退按鈕,他們回到上一頁)。

我知道如何滾動位代碼,它只是字面上的AJAX裝載包括/頁面導航部分,我努力工作了:\

任何幫助,將不勝感激!提前致謝。

回答

1

在您的導航中使用標準鏈接。在您的onClick函數中,使用event.preventDefault()來防止頁面重定向您的實際用戶(但它們仍然顯示爲與搜索引擎的正常鏈接)。

<a href="/next-page/">Foo</a> 
<script>$("a").click(function(event){ 
    event.preventDefault(); 
    navigate($(this).attr('href')); 
});</script> 

使用鏈接的onclick功能改變頁面與AJAX(就像它出現你鏈接的網站上),但另外設置每個「頁」(使用錯誤文檔,mod_rewrite的什麼的)內容以顯示其內容,但允許以相同的方式導航。通過這樣做,您將擁有與您所需的搜索友好相同的功能。

+0

+1一個如此強大的解決方案,讓我感到害怕。 – webbiedave 2010-04-23 17:38:14

+0

那真棒。非常感謝:D – Tim 2010-04-24 08:01:29