我已经下载了新的Zurb Foundation 6完整软件包（Site Foundations）。存档文件包含以下文件和文件夹：
[css] > app.css, foundation.css, foundation.min.css
[img] > [empty folder]
[js] >
app.js
foundation.js
foundation.min.js
vendor > jquery.min.js, what-input.min.js
我在页脚中包含了JS文件，在页眉中包含了CSS：
<!-- foundation library and initialization -->
<script src="/Foundation/js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
Chrome中的错误
我尝试使用REVEAL组件（在Foundation 5中有效），但是这一次抛出一个错误：
Uncaught ReferenceError: We're sorry, 'reveal' is not an available method for i.
我已经查看了Foundation.min.js的内部，并且其中包含REVEAL。我下载了完整的软件包，因此它应该可以工作，但不能。
应该触发模式的JS代码：
$('#submit-modal').foundation('reveal', 'open');
更新1：在全新的页面上尝试过：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="/Foundation/css/foundation.min.css" rel="stylesheet" />
</head>
<body>
<div class="row">this is the body of the page</div>
<div id="popup-modal" class="reveal-modal full" data-reveal aria-labelledby="pop-up-modal-title" aria-hidden="true" role="dialog">
test
</div>
<script src="/Foundation/js/vendor/jquery.min.js"></script>
<!-- foundation library and initalization -->
<script src="/Foundation/js/vendor/what-input.min.js"></script>
<script src="/Foundation/js/foundation.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>
弹出窗口的文本显示在页面上，默认情况下甚至没有隐藏，并且我收到一个错误：Uncaught ReferenceError: We're sorry, 'Reveal' is not an available method for Reveal尝试运行命令时：
$('#popup-modal').foundation('reveal', 'open');
从控制台。
Foundation 6是全新发行的，我可能已经错过了一些东西。我从Foundation 5升级到Foundation6。Foundation 5 Reveal可以正常工作，但是在更改为新的Foundation 6之后，某些组件开始无法正常工作。
我检查了文档，并且初始化和类是相同的。
试试看
var popup = new Foundation.Reveal($('#popup-modal'));
接着：
popup.open();
$('#popup-modal').foundation('reveal', 'open'); 在Foundation 6中不再起作用。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句