我想使用jquery-ui-tabs來實現標籤欄,jquery-ui-tabs已經被定製爲像HootSuite一樣工作。試試這個對來自HootSuite,看看我的意思是:在以許多標籤頁的jQuery UI標籤自定義
- 登錄您的賬戶hootsuite.com
- 單擊+符號添加到您標籤右邊
- 添加一個名爲「MMMMMMMMMMMMMMMMM」選項卡,直到「更多...」選項卡出現
你會看到: hootsuite tab bar overflow http://issues.tauren.com/hootsuite-sample.png
來自HootSuite包括以下功能,所有這些我想這樣做:
- 將盡可能多的選項卡放在屏幕上。屏幕較大的用戶會看到更多選項卡。
- 如果他們跑出來的空間,一個「更多...」選項卡將與下拉列表
- 點擊到更多的標籤會出現下拉
- 標籤可以拖動的其他選項卡的列表,重新排列。在更多下拉列表
- 標籤可以拖到標籤欄
- 刪除標籤的小X的標籤名稱
- 用+圖標添加分頁,最後一個選項卡的旁邊
我已經有一個標籤欄工作,做4和6.我發現Paging Tab Plugin這是非常酷,但工作方式不同。有誰知道插件或技術,可以幫助我完成上述?
我的想法是不真正讓更多選項卡成爲一個真正的選項卡,而只是一個看起來像選項卡的對象。我會將邏輯添加到tabs.add方法來計算另一個選項卡是否可以適用。如果它不能,那麼我會將選項卡的詳細信息添加到我的單獨「更多」列表中。要做到這一切都需要付出相當大的努力,所以如果有任何插件可以提供幫助,我很樂意聽到他們的消息。
順便說一句,經過進一步檢查,它看起來不像HootSuite使用UI標籤。我想避免創建一個自制解決方案,如果已經有一個jQuery插件來做到這一點。
UPDATE:我花了這方面的一些更多的時間,現在我的自定義解決方案呢1,4,6,和7。但是,如果他們運行的空間,出現默認的UI的選項卡行爲並出現第二行選項卡。我也發現another scrolling solution,我可能會去,直到我找到時間來構建類似hootsuite的解決方案。不過,如果有人知道其他類似的插件,請讓我知道!
你的例子在哪裏? – Jason 2012-07-27 20:57:56
服務器已關閉,現在備份。 – Tauren 2012-07-28 03:13:32