2011-03-08 94 views
3

我開始設計一個網站,將有不少功能和東西點擊等,這整個網站是不是真的在佈局方面spec'ed,所以我在我去的時候設計它。下面是一個簡單的設計,給你一個想法:jQuery選項卡vs單獨的頁面

http://farm6.static.flickr.com/5176/5510107585_a9a15d680a.jpg

目前,我使用jQuery的標籤爲TAB1,TAB2,等等。但是,很多內容是要填補的每個選項卡。例如,一個谷歌地圖,另一個jQuery FullCalendar,另一個jqPlot等。

乍一看,大部分爲空的內容,它似乎都加載得很快,但也許可能會有一些性能問題,如更多的東西被實現。我正在製作的JavaScript文件已經變得很大。

考慮到這一切,我想知道這個設計是否會更好地服務於多個頁面,而不是多個jQuery標籤,無論是在用戶體驗還是編程方面。

回答

0

IMO,它取決於網站的使用。如果它的目的是充當一個Web應用程序,並且您希望異步導航可以提供的無縫透明性,那麼標籤就是要走的路。如果您想要避免加載標籤中的所有內容,您可能會考慮使用「延遲加載」技術,特別是如果您不希望網站的用戶必須使用/需要每個標籤的內容。否則,使用傳統頁面會節省大量時間和麻煩,特別是如果您不想處理使用url事件模擬瀏覽器歷史記錄。對用戶來說,沒有什麼比這更令人沮喪的了,然後點擊一個標籤並嘗試使用「返回」按鈕來查看以前的內容,只是將其從您的網站中踢出到原始引薦網站。 :)

1

jQuery選項卡肯定比個別頁面更好地工作。但是,我明白你的困境。我認爲您應該考慮將網頁中的每個內容都作爲單獨的文件。然後,您可以在AJAX中使用jQuery標籤。

這會和製表符有相同的效果(可能要稍微加載一次),但它不應該是滯後或類似的東西。

這裏是jQuery UI的示範,如果你很難找到它:

http://jqueryui.com/demos/tabs/#ajax

0

我用jQuery UI選項卡的工作,有些行爲是不是我想要的(順便集中的狀態中完成jQuery UI是一團糟)。
此外,CSS部分可能會很棘手。

我建議你在編碼之前做一個簡單的測試用例。

相關問題