許多標籤頁的jQuery UI標籤自定義

Question

我想使用jquery-ui-tabs來實現標籤欄，jquery-ui-tabs已經被定製爲像HootSuite一樣工作。試試這個對來自HootSuite，看看我的意思是：在以

1. 登錄您的賬戶hootsuite.com
2. 單擊+符號添加到您標籤右邊
3. 添加一個名爲「MMMMMMMMMMMMMMMMM」選項卡，直到「更多...」選項卡出現

你會看到： hootsuite tab bar overflow http://issues.tauren.com/hootsuite-sample.png

來自HootSuite包括以下功能，所有這些我想這樣做：

1. 將盡可能多的選項卡放在屏幕上。屏幕較大的用戶會看到更多選項卡。
2. 如果他們跑出來的空間，一個「更多...」選項卡將與下拉列表
3. 點擊到更多的標籤會出現下拉
4. 標籤可以拖動的其他選項卡的列表，重新排列。在更多下拉列表
5. 標籤可以拖到標籤欄
6. 刪除標籤的小X的標籤名稱
7. 用+圖標添加分頁，最後一個選項卡的旁邊

我已經有一個標籤欄工作，做4和6.我發現Paging Tab Plugin這是非常酷，但工作方式不同。有誰知道插件或技術，可以幫助我完成上述？

我的想法是不真正讓更多選項卡成爲一個真正的選項卡，而只是一個看起來像選項卡的對象。我會將邏輯添加到tabs.add方法來計算另一個選項卡是否可以適用。如果它不能，那麼我會將選項卡的詳細信息添加到我的單獨「更多」列表中。要做到這一切都需要付出相當大的努力，所以如果有任何插件可以提供幫助，我很樂意聽到他們的消息。

順便說一句，經過進一步檢查，它看起來不像HootSuite使用UI標籤。我想避免創建一個自制解決方案，如果已經有一個jQuery插件來做到這一點。

---

UPDATE：我花了這方面的一些更多的時間，現在我的自定義解決方案呢1，4，6，和7。但是，如果他們運行的空間，出現默認的UI的選項卡行爲並出現第二行選項卡。我也發現another scrolling solution，我可能會去，直到我找到時間來構建類似hootsuite的解決方案。不過，如果有人知道其他類似的插件，請讓我知道！

Answer 1

我所做的就是調整標籤大小以擠壓到某個點。我想看看誰有這個解決方案

Answer 2

我還沒有這樣做，但我正在考慮使用Twitter Bootstrap來解決這個問題。它看起來像帶下拉列表的示例可能工作。 http://twitter.github.com/bootstrap/components.html#navs

但我不認爲它支持拖放標籤。