导航菜单的宽度

-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

导航菜单的宽度

回答

相关问题