javascript - Foundatoin 揭示 : foundation. core.js:190 TypeError: 无法读取未定义的属性 'register'

Question

我已经安装了 Foundation 6，到目前为止一切似乎都工作正常。现在我想添加一个显示模式。添加了 jQuery v2.2.4 并加载了必要的库，如下所示: FOUNDATION_VERSION = '6.2.1';:

<script src="/assets/js/foundation.core.js" type="text/javascript"></script>
<script src="/assets/js/foundation.util.mediaQuery.js" type="text/javascript"></script>
<script src="/assets/js/foundation.reveal.js" type="text/javascript"></script>
<script>
    $(document).foundation();
</script>
</body>

然后添加来自基金会网站的示例模式:

<p><a data-open="exampleModal1">Click me for a modal</a></p>

<div class="reveal" id="exampleModal1" data-reveal>
    <h1>Awesome. I Have It.</h1>
    <p class="lead">Your couch. It is mine.</p>
    <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
    <button class="close-button" data-close aria-label="Close modal" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
</div>

加载页面时，我看到控制台日志错误:

foundation.core.js:190 TypeError: 无法读取未定义的属性“register”

我尝试加载选项卡库并再次复制示例 html，但出现了同样的问题。

Answer 1

经过一番挖掘后，显示似乎还具有进一步的依赖关系:

<script src="/assets/js/foundation.util.keyboard.js" type="text/javascript"></script>
<script src="/assets/js/foundation.util.box.js" type="text/javascript"></script>
<script src="/assets/js/foundation.util.triggers.js" type="text/javascript"></script>

添加这些附加库后，问题得到解决。