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のバージョンが古すぎるのでは？最後に、公開の css を分離する方法はありますか?

Answer 1

コードがページの後に実行され、すべての DOM が作成されたことを確認する jquery documnet の準備ができているコードをラップしてみてください。

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