模态窗口内容显示在主窗口中

Question

我是Web开发的新手，目前，我正试图在我的网站上创建一个简单的模态窗口。 我使用here

中的基本代码

<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>

<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>

但是，它没有执行示例页面中的操作（即，它应仅显示链接“点击我作为模态”以及单击后模态中的所有其他内容）。而是在主窗口中显示所有内容：

我在做错什么，以及如何使其按预期工作？谢谢。