如何處理標籤

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/