2010-01-05 121 views
0

我使用WordPress的這個設計組合網站:http://onomadesign.com/wordpress/identity-design/shleppers-moving-storage/AJAX的wordpress的帖子

現在,這個的single.php頁面上,你可以看到它鏈接到每個不同崗位右邊的縮略圖。我想要完成的是帶有滾動條的縮略圖導航,當人們點擊一個查看項目時,它們保持在同一位置。現在整個頁面都會刷新,以便從頂部再次查看滾動條。我不想那樣。

所以,我認爲我必須'阿賈克斯'一些東西,對吧?最好使用jQuery,因爲我通過網站使用該庫allready。我可以在縮略圖的右側製作該div,而不會在頁面的其餘部分進行刷新嗎?或者獲取單個帖子,以便'ajax刷新'?

我希望我自己清楚,在此先感謝您的幫助!

約書亞

回答

0

你必須讓你的頁面刷新的整個左側,當你點擊一個鏈接。當你開始設計頁面時,應該考慮到這一點,在現階段實施它至少可以說是很冒險的。

不管怎麼說,最簡單的辦法是這樣的:

  • 捕捉縮略圖的單擊事件
  • 取而代之的瀏覽器重定向到它指向的,由AJAX
  • 獲取該網址的URL獲取當前側bar
  • 用當前頁面的側邊欄替換新頁面的側邊欄
  • 用新頁面的DOM替換當前DOM

這是遠遠沒有達到最佳–這是非常沉重的修改DOM以這種方式,它可能會導致奇怪的事情與其餘代碼發生(的Cufón不點火等),但它是容易實現的。它實際上與AJAX應該做的相反:它提取整個內容並僅在塊上「保留」,而通常AJAX一次只用於提取較小的塊。

要做到這一點正確,你需要有一個網頁,只有你需要更新的內容,然後你會獲取該內容,並只取代你的網頁的一部分。如果可能的話,那將是一條路。

如果你想嘗試第一種方法,我可以給你的代碼。讓我知道你的想法。

+0

謝謝。我以前很怕那個。我偶然發現了這個: fetching posts in wordpress。我可以用這個來實現我想要的嗎? 我想到的另一種選擇:以某種方式使滾動條中的「當前」縮略圖居中。不知道這有多難。 感謝您的幫助。 – Josh 2010-01-05 19:36:12

+0

對不起,我的意思是http://www.tyssendesign.com.au/articles/cms/fetching-posts-in-wordpress-expressionengine-with-jquery-ajax/ – Josh 2010-01-05 19:36:51

+0

實際上,您發佈的鏈接中的方法可能有效。你能自己解決嗎?如果您嘗試該方法並遇到問題,我建議您只發佈一個新問題。你也建議的替代方法是可能的,而且實際上相對容易完成 - 如果你需要幫助,請告訴我。 – 2010-01-05 19:58:46