Zurb foundation Zurb基金会4，远离帆布并购物 我正试图让Zurb基金会4在我的StuturySt店里拥有离帆布移动菜单。我遇到的问题是，它可以很好地显示菜单按钮，但单击时不会触发任何东西，并且预装的边栏可以在桌面上看到

到目前为止，我使用的代码是

<!-- mobile only side bar -->
    <header class="row">
        <div class="large-8 columns small-2">
            <p class="show-for-small">
              <a class='sidebar-button button' id="sidebarButton" href="#sidebar" >Menu</a>
            </p>
      </div>
        <section id="sidebar" role="complementary">
            <nav id="sideMenu" role="navigation">
                <ul id="sideMainNav" class="nav-bar">
                    <li><a href="">test</a></li>
                    <li><a href="">Two</a></li>
                    <li><a href="">Three</a></li>
                    <li><a href="">Four</a></li>
                </ul>
            </nav>
        </section>
        </header>
    <!-- /mobile -->


<!-- Check for Zepto support, load jQuery if necessary -->
<script>
  document.write('<script src=/'
    + ('__proto__' in {} ? 'zepto' : 'jquery')
    + '.js><\/script>');
</script>   

{{ 'zepto.js' | asset_url | script_tag }}
{{ 'foundation.min.js' | asset_url | script_tag }}
<script>
  $(document).foundation();
</script>
{{ 'jquery.offcanvas.js' | asset_url | script_tag }}

文件。写（“”）；
{{'zepto.js'|资产| url |脚本(标记)}
{{'foundation.min.js'|资产| url |脚本(标记)}
$（document.foundation（）；
{{'jquery.offcanvas.js'|资产| url |脚本(标记)}

您已经有

了吗

此代码：

document.write（“”）加载Zepto（jquery兼容库）。当zepto不受支持时（即），它将加载jquery。作为故障排除步骤，我会尝试删除
document.write（“”）
和
{{'zepto.js'|资产| url |脚本|标签}
并导入jquery，可能与
{'jquery.js'|资产| url |脚本|标签}

我只是浏览了一下offcanvas.js。这并不奇怪，因为它调用了zepto中不可用的几个方法。例如，它调用scrollTop。使用jQuery，它会工作得很好。
您已经有了
了吗

此代码：
document.write（“”）加载Zepto（jquery兼容库）。当zepto不受支持时（即），它将加载jquery。作为故障排除步骤，我会尝试删除
document.write（“”）
和
{{'zepto.js'|资产| url |脚本|标签}
并导入jquery，可能与
{'jquery.js'|资产| url |脚本|标签}

我只是浏览了一下offcanvas.js。这并不奇怪，因为它调用了zepto中不可用的几个方法。例如，它调用scrollTop。使用jQuery，它会工作得很好。
您已经有了
吗？没有，我不添加它，看看会发生什么。感谢您修复了桌面上的菜单可见问题，但我仍然不明白为什么onclick没有被触发。请确保它正在加载您的JS。将一些
console.log
语句放在offcanvas.js中，看看哪里出错了。此代码：
document.write（“”）加载Zepto（jquery兼容库）。当zepto不受支持时（即），它将加载jquery。作为故障排除步骤，我会尝试删除
document.write（“”）
和
{{'zepto.js'| asset|url | script|tag}}
并导入jquery，或者使用
{'jquery.js'| asset|url | script|tag}
导入jquery。感谢您修复了桌面上的菜单可见问题，但我仍然不明白为什么onclick没有被触发。请确保它正在加载您的JS。将一些
console.log
语句放在offcanvas.js中，看看哪里出错了。此代码：
document.write（“”）加载Zepto（jquery兼容库）。当zepto不受支持时（即），它将加载jquery。作为故障排除步骤，我会尝试删除
document.write（“”）
和
{{'zepto.js'|资产| url |脚本|标签}
并导入jquery，可能与
{'jquery.js'|资产| url |脚本|标签}