fundação 5 revela modal não funciona

Question

Nov 28, 2013, 09:12 AM

fundação 5 revela modal não funciona

Bom Dia a todos,

Estou usando a base 5 para meu mini projeto. Eu quero usar o recurso de revelar / modal do framework. Mas parece que não funciona.

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Job Posting</title>
    <link rel="stylesheet" type="text/css" href="../css/normalize.css">
    <link rel="stylesheet" type="text/css" href="../css/foundation.min.css">

    <script type="text/javascript" src="../js/vendor/custom.modernizr.js"></script>
</head>
<body>
  <a href="#" class="button" data-reveal-id="myNormal">click</a>
  <div class="reveal-modal" id="myNormal">
      Modal
      <a class="close-reveal-modal">x</a>
  </div>
   <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.reveal.js"></script>
   <script>
      $(document).foundation();
   </script>
</body>

Tenho certeza de que o navegador carregou o js, pois não mostra nenhum erro no depurador. E eu sei que está em algum lugar no código que deixei de fora, mas já faz algumas horas desde que me deparei com isso. Qualquer ajuda seria muito apreciada.