2010-01-13 65 views
3

隨着jQuery的我需要做這樣的事情...如何使用箭頭更改jquery中的頁面?

用戶將按照鏈接到我的社交網站上的用戶照片庫。照片將加載在頁面上,並且與分頁有關的照片的評論將在照片下。基本上這張照片和評論將是一個單獨的頁面,用AJAX加載,然後當用戶按下左或右箭頭鍵時,我想加載一個不同的照片/評論頁面到頁面中。

到目前爲止,聽起來很簡單,我認爲,但我想在加載新頁面時在URL中添加內容。比方說,一個頁面將會像這樣在URL photos.php?user_id = 2342323 photo_id = 4234124當他們使用箭頭加載下一張圖片時,它應該改變爲在#3523543上添加這樣的內容,然後當用戶複製/粘貼該URL它會在瀏覽器中加載正確的照片。

任何想法如何在jQuery中做到這一點?

回答

2

一個簡單的jQuery keyup偵聽器將足以填補該角色。

基本上,你需要一個瀏覽器怪癖,讓您與

window.location = 'something'; 

重寫URL無需重新加載頁面的優勢。然後你實現一個客戶端監聽器來創建結果永久鏈接。

-1

可能是最好有一個「共享此」鏈接(亞馬遜等),具有正確的網址。

0

無法更改url(window.location)而不導致重新加載。不過,您可以將網址提供給網頁中某處的新照片。

+0

我明白你在說什麼,但是Facebook按我提到的方式做,當它將新圖像加載到頁面中時,它不會重新加載頁面,但它會添加#然後是數字,每次更新一個新數字照片被加載進來。我認爲myspace現在也做它 – JasonDavis 2010-01-13 21:16:20

+0

如果你將'window.location'加到當前URL加'#'(你也可以把東西放在#之後,這裏是關鍵),瀏覽器將不會刷新,無論編譯指示/緩存設置如何。 – 2010-01-14 00:59:31

-1

Facebook會這樣做,我想。也許你可以看看Facebook專輯的來源,看看它是如何完成的,並將這個概念轉化爲jQuery?

+0

這正是創意來自何處。我已經在那裏重新研究了很多代碼,但我無法弄清楚它們是如何實現的,他們有自己的JS框架,這超出了我的技能 – JasonDavis 2010-01-13 21:17:32