javascript – 让Foundation 4 JS在WP中工作的问题

我正在将Foundation 4与Bones合并以创建WP Starter主题.我使用基金会3的JS工作得很好,但现在我正在尝试实施Foundation 4 JS,我遇到了一些问题.

我按照Foundation 4 JS Documentation中的步骤进行了操作,但仍然没有运气.这是我在关闭body标签之前直接放置的代码(我知道正确的方法是将脚本排队,但是为了测试我只是将它直接粘贴在关闭的body标签上方)：

<script>
document.write('<script src=http://mcfaddengavender.net/jeremy/wp-content/themes/bones-master/library/js/vendor/'
+ ('__proto__' in {} ? 'zepto' : 'jquery')
+ '.js><\/script>');
</script>   

<script src="http://mcfaddengavender.net/jeremy/wp-content/themes/bones-master/library/js/foundation.min.js"></script>

<script>
$(document).foundation();
</script>    

我试图在this page打开模态,但正如您所看到的,当您单击链接时,模态永远不会触发.我注意到Javascript控制台中有一些错误,但我还是JS的新手,所以他们有点过头了.

正如我之前提到的,基础3 JS的工作正常,它不需要调用来初始化函数 – 它似乎工作正常.不确定这是否会产生巨大的差异,但我注意到,与Foundation 3 JS相比,Foundation 4 JS的文档有所不同.

谁能让我指出正确的方向？

解决方法:

看起来浏览器找不到Zepto(至少chrome不能).

它正在寻找它：
http://mcfaddengavender.net/library/js/vendor/zepto.js但它返回404

确保在相应的目录中设置了库！

标签：jquery,wordpress,javascript,zurb-foundation
来源： https://codeday.me/bug/20190709/1411009.html