如何处理标签

Question

一长串我有动态生成的选项卡的列表：

<ul> 
    <li>Tab #1</li> 
    <li>Tab #2</li> 
    <li>Tab #3</li> 
    <li>Tab #4</li> 
    <li>Tab #5</li> 
    <!-- ...up to #N --> 
</ul> 

有可能是无穷的标签2的任何地方。设计团队希望最后一个选项卡显示More v[down arrow]，并且当且仅当选项卡的宽度超出分配给它们的空间时，才会变成包含其余选项卡的下拉列表。在选择下拉列表中的一个选项卡后，More v文本将更改为所选标签的文本，以便用户知道它们在哪个选项卡上。

Tab #1 | Tab #2 | Tab #3 | Tab #4 | More v 
            Tab #5 
            Tab #6 
            Tab #7 
            Tab #8 
            Tab #9 

虽然我可以肯定地认为一对夫妇的方式来处理这个副手的，是否有可以处理这对我来说或任何图书馆有任何您想分享技术或通用准则？

提前感谢！

Answer 1

如果其他人绊倒了这一点，我想出了自己的解决方案，因为有一些非常具体的业务需求。

工作示例：http://jsfiddle.net/joshpauljohnson/U3vV7/6/