Question

我希望我的“超级菜单”JS仅以全屏宽度运行，并且响应式菜单（来自模块）以任何较低的屏幕宽度加载。目前在较低的屏幕宽度下，响应式菜单似乎正常工作，但是大型菜单的JS仍在运行，因此干扰了响应式菜单。我已在“响应式菜单”模块中设置了CSS选择器的选项，但菜单的ID在HTML中没有自然改变，因此大型菜单仍在使用该ID。（这可能是问题吗？）我怎样才能让JS只能以全屏宽度运行？谢谢！

    $('#subnav').dcMegaMenu({effect: 'slide', speed: 'slow', rowItems: '5', fullWidth: 'true' });

Answer 1

我们用它作为移动显示器的一部分javascript是这样的（使用640px宽作为我们的移动显示器＆＃39;）：

function IsMobileDisplay()
{
    if (document.all && !document.addEventListener)
        return false;

   var windowWidth = window.innerWidth || document.documentElement.clientWidth ||  document.body.clientWidth;
   return windowWidth <= 640 || navigator.userAgent.match(/iPad/i) != null;
}

然后在你的情况下：

if (!IsMobileDisplay) 
{ 
   //do stuff 
}

阻止JS以某个视口大小运行？

1 个答案: