我正在试图弄清楚为什么我的导航菜单无法在移动浏览器中运行。香港专业教育学院尝试过Android和Chrome手机,它不起作用。有时如果我加载页面,然后导航到新页面,然后回来,menutoggle工作正常,但它似乎不起作用:mshake.honeybadgerofmoney.com在右上角。但是右键单击>检查元素然后单击手机图标以模拟移动浏览器以查看我正在引用的行为。
菜单显示在移动设备上,但它不会导航到锚链接。我试过:
更改我的标头标记
中加载的脚本的加载顺序 <a href="#" class="menuToggle scrolly"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="#one" class="menuToggle scrolly">About</a></li>
<li><a href="#two" class="menuToggle scrolly">Work Samples</a></li>
<li><a href="#three" class="menuToggle scrolly ">Services We Provide</a></li>
<li><a href="#message" class="menuToggle scrolly">Contact Us</a></li>
</ul>
</div>
</li>
</ul>
</nav>
和JS部分:
<!-- Scripts -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrollex.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/contact.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
有什么想法吗?