javascript - Uncaught TypeError : modal. on(...).trigger 在使用 Zurb Foundation 5.5.3 时不是函数?

标签 javascript jquery zurb-foundation

我在 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>

有没有人遇到过这个问题?你怎么修好它的?如果没有,建议采取哪些步骤(我还没有尝试过)来解决此问题,以及什么会导致此问题只发生在我的机器上?

最佳答案

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

关于javascript - Uncaught TypeError : modal. on(...).trigger 在使用 Zurb Foundation 5.5.3 时不是函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34750123/

相关文章:

javascript - jQuery 中的三元运算符未按预期工作

jquery - 使用 ASP.NET MVC 6 中的文件进行 Ajax 表单提交

javascript - 显示模式弹出基础 : Prevent close on popup

html - 将合作伙伴 Logo 添加到我网站的页脚,与我的其他合作伙伴 Logo 位于同一行?

Javascript promise 与 Angular http 调用不水合对象

javascript - 布局运行失败

javascript - 如何更改geojson结果的格式?

javascript - 使用 Foundation Abide 验证文件类型

javascript - 当文件内容发生变化时,使用node.js将更新的内容发送给用户

javascript - 为什么这个ajax表单没有重置?