基础 5 显示模式不起作用答案

【问题标题】：foundation 5 reveal modal not working基础 5 显示模式不起作用
【发布时间】：2013-11-28 08:12:49
【问题描述】：

祝大家今天好，

我正在为我的迷你项目使用基础 5。我想使用框架的显示/模式功能。但是好像不行。

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Job Posting</title>
    <link rel="stylesheet" type="text/css" href="../css/normalize.css">
    <link rel="stylesheet" type="text/css" href="../css/foundation.min.css">

    <script type="text/javascript" src="../js/vendor/custom.modernizr.js"></script>
</head>
<body>
  <a href="#" class="button" data-reveal-id="myNormal">click</a>
  <div class="reveal-modal" id="myNormal">
      Modal
      <a class="close-reveal-modal">x</a>
  </div>
   <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.reveal.js"></script>
   <script>
      $(document).foundation();
   </script>
</body>

我很确定浏览器加载了 js，因为它在调试器中没有显示任何错误。而且我知道它在我遗漏的代码中的某个地方，但自从我遇到这个已经有几个小时了。任何帮助将不胜感激。

【问题讨论】：

很好，非常感谢！

标签： html modal-dialog zurb-foundation

【解决方案1】：

您可能忘记了 data-reveal：

<div class="reveal-modal" id="myNormal" data-reveal>

【讨论】：

非常感谢！现在我可以继续前进了。
太棒了。我遇到了同样的问题，这篇文章救了我