Zurb Foundation 5 reveal-modal funktioniert nicht

Ich versuche, mit zurb foundation 5 reveal-modal. Aber es funktioniert nicht und nicht geöffnet, wenn ich auf den button klicken.
Ich bin mit diesem html-code.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link type="text/css"  href="css/foundation.css" />
<link type="text/css"  href="css/normalize.css" />
<title>index</title>
</head>
<body>
<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>
<a class="button" href="#" data-reveal-id="myModal">Click for a modal</a>

<script src="js/vendor/jquery.js"></script> 
<script src="js/foundation/foundation.js"></script> 
<script src="js/foundation/foundation.reveal.js"></script> 
<script type="text/javascript"> 
   $('#myModal').foundation();
</script>
</body>
</html>
InformationsquelleAutor Gaurav Ktwl | 2014-01-11
Schreibe einen Kommentar