導航菜單的寬度

-1

我有以下的公式對此我沒有分辨率:) 我需要的是簡單地從導航菜單的寬度

<ul id="nav"> 
    <li> 
     <a>link</a> 
     </li> 
other 20 li's ...and last a select which contains li's that no longer have space on menu ... 
     <ul> 
      <li> 
      <a>last li's that cannot be displayed on nav menu </a> 
      </li> 
     </ul> 
    </ul>

我怎樣才能做到這一點由導航菜單？？並在窗口調整大小，當菜單寬度調整大小李的去最後選擇和擴展返回菜單上。

如果有人可以幫助我一個很好的jQuery爲此請。

謝謝

來源

2012-07-24 BurebistaRuler

您的標記不是按照W3C標準的window.onresize DOM事件。 'ul'標籤只有'li'標籤。 – 2012-07-24 09:16:57

你的問題是甚至沒有明確的兄弟 – 2012-07-24 09:48:41

@ A.K，@ feeela：對不起，那傢伙實際上是一個

我的方程被描述錯了，我剛剛編輯。 – BurebistaRuler 2012-07-24 10:10:37

的HTML代碼是無效的，所以我想在字裏行間。

兩種可能的解決方案來看看。

TinyNav.js。

它不會像你所描述的那樣完成它，但它會通過媒體查詢自動將列表變成選擇。通常這是爲了在小屏幕上使菜單更友好。

20個列表項太多，以我的看法顯示，在這種情況下嘗試移動到子菜單項的較小數字是一個好方法。您通過Superfish顯示子菜單項。不是一個選擇，但可以說更好，因爲子菜單項目出現在父項目上方。

來源

2012-07-24 09:21:15 Ben

謝謝Ben，我會用tinyNav玩一點。是的，我知道但是是客戶的決定，不是我的:)再次感謝 – BurebistaRuler 2012-07-24 09:49:59

使用

window.onresize = function(event) { 

your code for changing content of ul goes here  

}

來源

2012-07-24 09:33:53

導航菜單的寬度

回答

相關問題