Foundation 5 显示模式未打开答案

【问题标题】：Foundation 5 reveal modal does not openFoundation 5 显示模式未打开
【发布时间】：2014-10-19 12:31:25
【问题描述】：

我一直在使用foundation 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(); 包装在$(document).ready(function(){ 中，但没有任何反应。警报框工作得很好，所以我对显示模式的问题感到困惑。

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

【问题讨论】：

这看起来是正确的，所以我不知道可能是什么原因。您的浏览器控制台是否记录任何错误？
@AdamElsodaney 不，控制台很干净。完全相同的代码在 jsfiddle 中工作。
您的脚本是否在正确的文件夹中，并且您在源代码中是否有正确的脚本路径？我会仔细检查脚本是否对浏览器可见。另一个问题应该是通过浏览器中的“file://”访问您的脚本 - 您可以尝试运行一些 HTTP 服务器并通过它访问它。
你不应该包括
@Akarienta 感谢您的回复。该页面已经在服务器上运行，我认为路径是正确的，因为我还在页面中使用了内置的警报框，这些框也需要 jquery，并且它们可以正常工作。

标签： javascript zurb-foundation zurb-reveal

【解决方案1】：

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

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

【讨论】：