Zurb Foundation 6-使用jQuery关闭模态

Question

我有一个使用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.

我要去哪里错了？

Answer 1

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

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

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

Answer 2

尝试

$('#exampleModal').foundation('close');