javascript - Foundation 5 显示模式未打开

Question

我一直在使用基础 5，显示模式没有触发，我完全不知所措。

这是模态代码

<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();in $(document).ready(function(){，但什么也没发生。警报框工作得很好，所以我对显示模式的问题感到困惑。

任何帮助，将不胜感激。谢谢。

Answer 1

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

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