Zurb Foundation顶级酒吧菜单不适用于移动显示屏

Question

我在Wordpress网站上使用Zurb Foundation框架。我遇到的问题是响应式顶栏。当它进入移动模式时，菜单不起作用。它不会在点击时下拉。我已经下载了他们的html模板，完全复制了代码但仍然无效。

有谁知道如何修复它。

Answer 1

我认为你没有为TopBar组件包含所需的javascripts。我在你的代码中找不到它。

引用foundation.min.js或jquery.foundation.topbar.js

然后你必须用

初始化菜单

$(document).foundationTopBar() 

Answer 2

尝试在DOM Ready上加载基础。

$(function() {
    $(document).foundation();
});

Answer 3

使用zurb-foundation-4.0.9，您需要将此行添加到您的html代码中：

<script type="text/javascript" src="javascripts/vendor/custom.modernizr.js"></script>

Answer 4

尝试删除该部分然后测试它。我的网站在基础3上运行。顶部栏正在运行。我以前遇到过这个问题。当您将html主题转换为wordpress主题时，请不要包含app.js.

删除此

<script type="text/javascript" src="http://pinetowncpf.co.za/wp-content/themes/PinetownCPF/js/app.js"></script>

然后测试

关于埃里克