Zurb foundation Zurb基金会揭示模态不工作 我使用ZURB基金会5.5.3在一个角度JS项目中，并试图执行一个揭示模式。我在社区中查找此问题，但没有成功的解决方案，因为我没有忘记属性，或者我不想调用

这是我的代码：

<div class="small-1 columns">
    <a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
</div>
<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
  <h2 id="modalTitle">Awesome. I have it.</h2>
  <p class="lead">Your couch.  It is mine.</p>
  <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

令人惊叹的我有。
您的沙发。它是我的
我是一个很酷的段落，生活在一个更酷的模式中。胜利

在基础文档中。当我点击链接时，模式并没有出现，页面被重定向到主页

有什么想法吗

提前谢谢
 您在这里引用了一个类似的问题：

在使用基础5和AngularJS时，JavaScript摘要循环中存在冲突，因此默认情况下它们不能协同工作。
我成功地使用了两种不同的解决方案：





<>我更喜欢使用后者。
你确信你在基础之前引用jQuery文件吗？另外，控制台中是否有任何错误？是否正在调用
$（document）.foundation（）
？