2

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

有谁知道如何修理它。

4

4 回答 4

5

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

参考foundation.min.js或jquery.foundation.topbar.js

然后你必须初始化菜单

$(document).foundationTopBar()
于 2012-11-12T14:38:47.187 回答
2

尝试在 DOM Ready 上加载基础。

$(function() {
    $(document).foundation();
});
于 2013-04-04T18:56:21.153 回答
1

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

<script type="text/javascript" src="javascripts/vendor/custom.modernizr.js"></script>
于 2013-03-20T21:05:16.977 回答
0

尝试删除该部分然后对其进行测试。我的网站在基础 3 上运行。顶部栏正在运行。我以前有这个问题。将 html 主题转换为 wordpress 主题时不要包含 app.js。

删除这个

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

然后测试

问候埃里克

于 2013-05-28T07:26:45.760 回答