Question

I have setup a basic “demo” page and am having trouble to get the Foundation Drop Down Menu to Function. As you can see here, http://tinyurl.com/arhssm9, Nav Item 2 has a dropdown option. However, nothing happens. I believe I have implemented the nav correctly and included the correct js files. I would really appreciate for someone to tell me where I went wrong so I can keep on going with my project.

Thanks!

Answer 1

You are missing the app.js. Just add it.

You can test running in your console:

$.getScript('https://raw.github.com/zurb/foundation/master/vendor/assets/javascripts/foundation/app.js');

Hope it helps.

---

EDIT

If you don’t want to download extra JS, you can simply add something like:

var $doc = $(document);
$doc.ready(function(){
  $doc.foundationTopBar();
});