Uncaught TypeError: modal.on(...).trigger 在使用 Zurb Foundation 5.5.3 时不是函数？答案

【问题标题】：Uncaught TypeError: modal.on(...).trigger is not a function when using Zurb Foundation 5.5.3?Uncaught TypeError: modal.on(...).trigger 在使用 Zurb Foundation 5.5.3 时不是函数？
【发布时间】：2016-04-17 10:47:15
【问题描述】：

我在 Laravel 5.1 项目中使用 Foundation v5.5.3。我有一个昨天工作正常的模式，但由于某种原因，现在每当我单击应该启动模式的按钮时，现在开始抛出 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>

有人遇到过这个问题吗？你怎么修好它的？如果没有，建议采取哪些步骤（我没有尝试过）来解决此问题，以及导致此问题仅在 my 机器上发生的原因是什么？

【问题讨论】：

有广告拦截器干扰吗？只是猜测。
@ClaytonLeis 不，我没有安装广告拦截器。 Chrome 和 Firefox 上的问题是一样的。
这也刚开始发生在我身上。同一项目：一台计算机完全正常，另一台计算机模式不起作用（MBP 稍旧，软件版本相同）。目前正在寻找解决方案...

标签： javascript jquery zurb-foundation

【解决方案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

【讨论】：

在哪里可以找到与使用的jQuery版本对应的meteor/jquery包版本？在将流星更新到 v1.3 之后 - 我猜是 jQuery - 我的显示模式坏了。