jquery - 基础 5.4.6 显示模式不起作用

Question

基础显示模态只是不想工作。这是我的代码更多

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.reveal.js" type="text/javascript"></script>
<script type="text/javascript">
     $(document).foundation();
</script>

<div id="edopp" class="reveal-modal" data-reveal>
      <h1>EdOpp</h1>
      <p>Lore ipsum sit amet</p>
      <a class="close-reveal-modal">&#215;</a>
</div>
</body>

我看不到我在这里缺少什么。我已经阅读了这里关于揭示和文档的所有其他帖子。也许jquery版本太旧了？最后有没有办法隔离reveal的css？

Answer 1

尝试使用准备好的 jquery documnet 包装您的代码，这将确保代码将在页面之后运行并且所有 dom 都已创建

<script type="text/javascript">
     $(function(){
         $(document).foundation();
     });
</script>