我在这个网站http://hlb-mann-judd.businesscatalyst.com上使用了 Zurb Foundation 6 框架。除了移动导航无法打开处于第二层层次结构中的页面之外,一切都很好。这是出现问题的链接http://hlb-mann-judd.businesscatalyst.com/software/myob 移动导航栏出现但它们不再起作用
这些页面上没有什么不同,除了它们有第二层路径名并且我已经检查过第二层页面是否具有所有相关文件的正确路径名,所以这并不是导致问题的原因(尽管我认为它某种程度上与它有关)。如果有人可以建议我解决此问题需要什么,我将不胜感激。
以下是相关代码:
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/css/foundation.css" />
<link rel="stylesheet" href="/css/app.css" />
<link rel="stylesheet" href="/css/style-custom.css" />
</head>
<body>
<div class="off-canvas-wrapper">
<div class="off-canvas-wrapper-inner">
<!--Mobile Navigation-->
<div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas data-position="left">
<button class="close-button" aria-label="Close menu" type="button" data-close>
<span aria-hidden="true">×</span>
</button>
<ul class="mobile-ofc vertical menu">
<!--MOBILE NAVIGATION LINKS HERE -->
</ul>
</div>
<!--end Mobile Navigation-->
<header class="inner-header-bg">
<div class="off-canvas-content">
<!-- Info Banner For Announcements or Links -->
<a href="/index.html" id="notice">
<div class="info">
<img src="/_assets/img/hlb-mann-judd-logo-mobile.png" alt="logo" />
</div>
</a>
<div class="row">
<!-- desktop nav-->
<nav class="marketing-topbar show-for-medium">
<div class="desktopMenuWrap">
<ul class="dropdown menu" data-dropdown-menu data-click-open="false">
<!--DESKTOP NAVIGATION LINKS HERE -->
</ul>
</div>
</nav>
<!-- end desktop nav-->
</div>
<div class="title-bar hide-for-medium">
<div class="title-bar-left">
<button class="menu-icon" type="button" data-open="offCanvasLeft"></button>
</div>
</div>
</div>
</header>
<!-- end header -->
</div>
</div>
<!-- scripts -->
<script src="/js/vendor/jquery.min.js"></script>
<script src="/js/foundation.min.js"></script>
<script src="/js/mobileApp.js"></script>
<script type="text/javascript" src="/js/scroll/jquery.scrollTo.js"></script>
<script type="text/javascript" src="/js/scroll/jquery.smoothAnchors.js"></script>
</body>