所以我有一个导航菜单,可以在纵向或横向查看平板电脑时改变样式。它将最后几个菜单项折叠到另一个下拉菜单中。然而,菜单不会在方向更改时更新,只有在刷新后才会更新。
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)&
我已经创建了一个带有jquery悬停效果的导航。
导航仪工作,唯一的问题是当你把屏幕变宽或小于800px,然后按下红色框来显示切换导航仪。悬停菜单从全宽菜单中拾取jquery。
如何阻止jquery悬停菜单不显示主菜单的悬停状态。
/* MAIN MENU DROPDOWN
===================================*/
$("#toggle-nav").click(function () {
$("#nav").slideToggle('slow');
});
/* MAIN SETTINGS SHOW
我有一个离开画布导航菜单(类名,是通过悬停,使用jQuery在我的Wordpress网站上启用。它应该是在页面加载时不可见的。
对于移动版本,我希望通过单击菜单图标来激活相同的导航菜单(这是我给出的两个类,按以下顺序:移动导航切换显示-导航-移动)。切换方法似乎只适用于垂直切换。我的解决方案是在单击而不是悬停时复制相同的动画,方法是使用图标上的toggleClass方法在一个类名之间切换,该类名打开菜单导航(show- nav -mobile)并使用以下代码关闭它(隐藏-导航-移动):
jQuery(".show-nav-mobile").click(function(){