javascript - Zurb Foundation 6 - 使用 jQuery 关闭模态框

标签 javascript jquery zurb-foundation zurb-foundation-6

我有一个使用 Zurb Foundation 6 创建的页面。我有一个模式设置并且工作正常。

当像这样单击元素时,我试图关闭模式..

jQuery('#test').click(function(){
    jQuery('#exampleModal').foundation('reveal', 'close');
});

但这给了我以下错误消息......

Uncaught ReferenceError: We're sorry, 'reveal' is not an available method for e.

我哪里出错了?

最佳答案

foundation() 函数中的参数似乎过多。这是documentation用于关闭“显示”模式。试试这个:

jQuery('#test').click(function() {
    jQuery('#exampleModal').foundation('close');
});

确保 #test 是您要单击关闭的元素的 ID,#exampleModal 是 Reveal 模式的 ID。

关于javascript - Zurb Foundation 6 - 使用 jQuery 关闭模态框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51971067/

相关文章:

javascript - 为什么 Ajax.BeginForm 无法正常工作

jQuery 循环多种形式

modal-dialog - 同一基础 6 的多个触发器显示模式导致关闭时不需要的滚动

iframe - 使用 Foundation 显示模式和 YouTube iframe 延迟加载lazyYT

css - Foundation 6.4.1 - 如何修复下拉菜单的宽度?

javascript - 如何在 Google Script 中传递所有数组

javascript - 尝试匹配名字标题..或不匹配,视情况而定

javascript - Sequelize 数据库错误列名不存在

javascript - 拉斐尔圆弧动画正在变形而不是跟随圆弧路径

javascript - Knockout 组件 View 在其 ViewModel 可观察更改时不更新