许多标签页的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

但我不认为它支持拖放标签。