Foundation 5显示模态未打开

Foundation 5 reveal modal does not open

本文关键字:模态 显示 Foundation      更新时间:2023-09-26

我一直在使用foundation 5,但explay模态不会触发,我完全不知所措。

这是模式代码

<td>
  <a href="#" data-reveal-id="modal">Delete</a>
  <div id="modal" class="reveal-modal medium" data-reveal>
      <p></p>
      <p>Please confirm</p>
      <a class="button radius">Confirm</a>
      <a class="close-reveal-modal">x</a>
  </div>
</td>

在关闭body标记之前,脚本的顺序是正确的。

<script src="/js/vendor/modernizr.js"></script>
<script src="/js/vendor/jquery.js"></script>
<script src="/js/foundation.min.js"></script>
<script>
    $(document).foundation();
</script>

我已经尝试将$(document).foundation();封装在$(document).ready(function(){中,但什么也没发生。警报框工作得很好,所以我对暴露模态的问题感到困惑。

如有任何帮助,我们将不胜感激。谢谢

发生这种情况的原因可能是模态应该是"body"元素的直接子元素。它不应该是"td"元素的一部分。

我在这一页上找到了答案:http://foundation.zurb.com/forum/posts/20051-foundation-5-reveal-modal-doesnt-open