为什么我的揭示模式不起作用？

Question

我想制作一个揭示模式，但它不起作用。我不知道为什么。这是我的代码：

<a href="#" class="button tiny" data-reveal-id="myModal">Add Policy</a>

<div id="myModal" class="reveal-modal" data-reveal>
<h2>Awesome. I have it.</h2>
  <p class="lead">Your couch.  It is mine.</p>
  <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
  <a class="close-reveal-modal">&#215;</a>
</div>

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script src="<?= site_url('assets/js/foundation.min.js'); ?>"></script>
<script src="<?= site_url('assets/js/foundation/foundation.reveal.js'); ?>"></script>

我非常确定我的浏览器加载了js，因为它在调试器中没有显示任何错误。我从基础文档复制粘贴，但我不知道为什么这不起作用。

Answer 1

初步建立基础..

将这个放在身体末端