Zurb Foundation 4 Reveal Modal：不会关闭

Question

我正在将Foundation 4.3.1与Reveal 4.3.2和jQuery 2.0.3结合使用。 我已成功使用以下代码以编程方式打开模态：

$('.akita-modal-ajax').on('click', function (e) {
    e.preventDefault();

    var modalId = $(this).data('id'),
        url = $(this).attr('href');

    $('#' + modalId).foundation('reveal', 'open', {
        url: url;
    });
});

我用来尝试关闭模式的代码是：

$('.akita-modal').on('click', '.close-reveal-modal',function () {
    console.log('click');
    $('.akita-modal').foundation('reveal', 'close');
});

和我的模态（一旦打开）：

<div id="myModal" class="akita-modal open" style="display: block; opacity: 1; visibility: visible; top: 50px;">
    <a class="close-reveal-modal">×</a>
    ...More content...
</div>

当我单击以关闭模式时，它会在控制台中注册“单击”，但模式仍保持打开状态。 有趣的是，如果我忽略了我的自定义类，并将所有“秋田模式”的引用恢复为“显示模式”，则一切正常。 但是后来我被Reveal的默认样式所困扰。

我也尝试过：

$('.akita-modal').on('opened', function () {
    $('.akita-modal').on('click', '.close-reveal-modal',function () {
        console.log('click');
        $('.akita-modal').foundation('reveal', 'close');
    });
});

结果完全一样。 “点击”被记录下来，但模式保持打开状态。 我的控制台中没有其他错误，除JoelCDoyle以外，我没有遇到其他任何人遇到此问题，以回应另一个SO问题： 在Foundation 4中显示模态

我如何使用自己的类名来关闭该模式？

Answer 1

实际上，当您忘记属性“数据公开”时，可能会发生这种情况。 那应该是这样写的：

<div class="reveal-modal" data-reveal>
...
</div>

Answer 2

通常，我使用模式ID来关闭它，如下所示：

$('#myModal').foundation('reveal', 'close');

而且它有效，所以使用类名而不是ID可能是一个问题...？