I am trying to use zurb foundation 5 reveal modal. But it's not working and not open when I click on button. I am using this html code. ``` index Awesome. I have it. Your couch. It is mine. Im a cool paragraph that lives inside of an even cooler modal. Wins × Click for a modal $('#myModal').foundation(); …

Change the last script tag to this: ``` $(document).foundation(); ```

Zurb Foundation 5 reveal modal not working

zurb-foundation

Solution

Change the last script tag to this:

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

Problem

I am trying to use zurb foundation 5 reveal modal. But it's not working and not open when I click on button. I am using this 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" rel="stylesheet" href="css/foundation.css" /> <link type="text/css" rel="stylesheet" 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">×</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> ```

Original source