我正在创建一个WordPress主题。我使用Zurb的Foundation作为我的框架完成了设计。一切都在游动，直到我遇到了我认为是Javascript的障碍。
请看这里：
http://dev.andrewtanner.me/wordpress/
两个问题：
标头导航顶部栏下方未显示标头图像（特别是“纳皮尔”一词）。
当缩小到较小的设备时，我希望点击汉堡会调用菜单，但这不会发生。
你可以在这里查看设计（只是框架，没有别的）：
http://dev.napiercountryfestival.co.nz/ - 这里没有任何问题，所以JS等都很好。
我确实认为这个问题存在于JS中，因为当我使用Dev Tools时遇到两个错误：
Uncaught TypeError: undefined is not a function Uncaught ReferenceError: foundation is not defined 我知道基金会依靠JS来获取导航栏中的元素，特别是如果它像我的那样被修复了。
我想知道如何使用WordPress最好地解决这个问题。我已经检查了Codex，并尝试了他们关于调用位于此处的JS的解决方案，但无济于事http://codex.wordpress.org/Using_Javascript
我也尝试使用<?php wp_enqueue_script("jquery"); ?>而不是基金会调用WordPress的jQuery，但也没有运气 - 它没有任何区别。难道我不是在DOM中以正确的顺序调用东西吗？
我确实有一些较小的JS脚本，一个用于运行选框，另一个用于位于标头下方的倒计时，我没有遇到任何问题（除非我通过搞乱尝试来杀死对Foundation的jQuery的依赖把事情搞定了。）
非常感谢您提供的任何帮助 - 谢谢！
答案 0 :(得分：1)
修复基础功能很容易。打开你的app.js文件并重写它，如下所示：
jQuery(document).ready(function ($) {
$(document).foundation();
});
答案 1 :(得分：0)
head tag中有两个jquery文件。删除其中一个它将修复您的汉堡包菜单问题
您的标头会在导航栏下方，因为您的课程fixed的属性为position:fixed。
在您提供的其他链接中，您在正文标记上有一个.f-topbar-fixed类，其中padding-top:99px;会将您的页面向下推，从而导致您的标头的可见性。添加类以及定义它将修复标头的样式