1

我正在使用 ajax 调用来显示我的模式，然后使用以下三种方式中的任何一种来关闭它：

  1. 通过单击背景 div

  2. 通过esc按键

  3. 通过单击关闭按钮 ( X)

它对所有三个选项都工作得非常好但是当它opened -> closed -> opened再次关闭时，它不会以任何预期关闭的方式关闭。

这是我的html代码：

<div class="reveal-modal-bg" style="display: block;">
</div>
<div id="trigger-reveal-size-match" class="reveal-modal small open" data-    reveal="" style="display: block; opacity: 1; visibility: visible; top:   50px;">
 <!--
    Couple of divs here
 -->
   <a class="close-reveal-modal cc-icon-x" data-reveal-id="trigger-reveal-size-match"></a>
</div>

这是我的JS代码：

$(".close-reveal-modal").on("click touchend", function() {
    var revealId = "#" + $(this).attr("data-reveal-id");
    $(revealId).foundation('reveal', 'close');
});

任何知道如何解决此问题的人请提供帮助。

提前非常感谢。

4

0 回答 0