The menu toggle in the Top Bar (on small screen sizes) on ZURB’s Foundation Framework 4 and 5 doesn’t work when you use the default jQuery that comes with WordPress, however it works when you use the standard jQuery from Google’s CDN.
You shouldn’t load a different jQuery in WordPress otherwise you could break some plugins. The Zepto library that comes with Foundation 4 doesn’t support Internet Explorer so it’s best to just use jQuery and not load Zepto. Whilst Foundation 5 comes with jQuery 2 it is compatible with jQuery 1.10x upwards as they use the same API’s.
The issue is caused by jQuery.noConflict();
The solution I found was to wrap the foundation.min.js inside:
// the original content of foundation.min.js
}(jQuery)); and then initialize with: jQuery(document).foundation(); instead of $(document).foundation();
Update (10 October 2013):
In your initialization script just above your </body> tag, instead of:
If you’re using wp_enqueue_script to load foundation.min.js then I recommend you move the initialization script to a separate file and wp_enqueue_script this as well to ensure it’s loaded after foundation.min.js has loaded.
I’ve created a responsive starter theme based on Foundation Framework that uses this method. It can be found at https://github.com/thewirelessguy/cornerstone