未使用的TypeError:modal.on(...).使用Zurb Foundation 5.5.3时触发器不是函数吗？

Question

我正在使用Foundation v5.5.3和Laravel 5.1项目.我有一个昨天正常工作的模态但是由于某种原因,Uncaught TypeError: modal.on(...).trigger is not a function每当我点击应该启动模态的按钮时,它就会开始抛出错误.

我在这个问题上尽可能多地研究,但这个问题似乎是独一无二的.我最初尝试擦拭我的composer.json文件并运行composer install,然后我的node_modules文件夹并重新安装sudo npm install.最终我删除了整个项目并从git中取出了master分支.仍然没有运气.

最奇怪的部分是我的同事正在使用完全相同版本的Foundation以及我们正在处理的相同Laravel 5.1项目,并且他们的模态工作得很好.我不明白我怎么能拥有完全相同的设置,而且我的唯一不起作用.所有其他与Foundation相关的JS都正常工作.

这就是HTML的样子:

<section class="row">
    <article class="small-centered medium-6 column text-center">
        <h2>You haven't uploaded any files yet.</h2>
        <p>
            <a href="https://adder.local/support" target="_support">Follow our guide here</a>.
        </p>
        <a href="#" class="button radius small" data-reveal-id="new-upload">New File</a>
    </article>
</section>

<div id="new-upload" class="reveal-modal small" role="dialog" data-reveal>
    <label>Upload Log File</label>
    <input type="file" name="logfile">
</div>

有没有人遇到过这个问题？你怎么修好它的？如果没有,会推荐哪些步骤(我没有尝试过)来解决这个问题,以及只会在我的机器上发生这种情况的原因是什么？

Answer 1

jQuery最近更新(v2.2),它在Foundation v5.5.3中打破了.

回滚到jQuery v2.1.4解决了这个问题.

$ bower install --save jquery#2.1.4

参考:https://foundation.zurb.com/forum/posts/37579-reveal-stopped-working