Uncaught TypeError: modal.on(...).trigger is not a function when using Zurb Foundation 5.5.3?

Question

我在 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 机器上？

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

Uncaught TypeError: modal.on(...).trigger is not a function when using Zurb Foundation 5.5.3?

Uncaught TypeError: modal.on(...).trigger is not a function when using Zurb Foundation 5.5.3?

javascript

jquery

zurb-foundation