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可能是一個問題...？