I've gone through all the steps to make the reveal feature work, including adding modernizr, plugins, and CSS. I've initialized foundation and loaded jQuery correctly. However, I still can't get it to work. What could be missing?
<html>
<head>
<script src="js/custom.modernizr.js"></script>
<script src="js/foundation.min.js"></script>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/foundation.min.css">
<link rel="stylesheet" href="css/normalize.css">
<script>
$(function(){
$(document).foundation();
})
</script>
</head>
<body>
<div id="myModal" class="reveal-modal">
<h2>Awesome. I have it.</h2>
<p class="lead">Your couch. It is mine.</p>
<p>Im a cool paragraph that lives isnside of an even cooler modal. Wins</p>
<a class="close-reveal-modal">×</a>
</div>
<a href="#" class="big-link" data-reveal-id="myModal" id="my-trigger">
Fade and Pop
</a>
</body>
<script>
document.write('<script src=/js/vendor/'
+ ('__proto__' in {} ? 'zepto' : 'jquery')
+ '.js><\/script>');
</script>
</html>
Even triggering the modal using $('#my-trigger').trigger('click'); hasn't provided a solution. You can try the suggestions here: Revealing a Modal in Foundation 4