所以我有一个导航菜单,可以在纵向或横向查看平板电脑时改变样式。它将最后几个菜单项折叠到另一个下拉菜单中。然而,菜单不会在方向更改时更新,只有在刷新后才会更新。
Jquery现代代码:
if(Modernizr.mq('(max-device-width: 800px) and (orientation: portrait)')){
// portrait stuff
// unhides last few menu items
$('#menu-primary-items > li:nth-last-child(-n+3)&
我为一个响应性网站创建了一个折叠菜单。
当在宽度小于960 in的浏览器中查看站点时,导航菜单项将被堆叠和隐藏。用户需要单击一个切换按钮来显示导航项。当浏览器宽度超过960 in时,导航菜单项将显示在一行中。
当用户在iPad上浏览站点时,我的问题就会发生。如果用户首先以纵向模式(宽度<960 on )在iPad上打开站点,然后单击切换按钮以显示导航菜单,然后再次单击切换按钮以隐藏导航菜单。现在,如果用户将他的iPad旋转到横向模式(宽度>960 if ),导航菜单就会消失。
但是,如果用户以纵向模式在iPad上打开站点,然后在不单击切换按钮的情况下将其旋转到景观模式,则导航菜单可