この Web サイトhttp://hlb-mann-judd.businesscatalyst.comで Zurb Foundation 6 フレームワークを使用しています。第 2 層の階層にあるページでモバイル ナビゲーションが開かないことを除けば、すべてが良好です。問題が発生するリンクは次のとおりですhttp://hlb-mann-judd.businesscatalyst.com/software/myob モバイル ナビゲーション バーは表示されますが、機能しなくなりました
これらのページでは、第 2 層のパス名があるという事実以外に違いはなく、第 2 層のページにすべての関連ファイルの正しいパス名があることを確認したので、それが問題を引き起こしているわけではありません (私はそれを理解していますが)。何らかの関係があります)。これを修正するために何が必要かについて誰かが私にアドバイスできるなら、私はそれが山積みであることを感謝します.
関連するコードは次のとおりです。
<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>