All about the JS that supports Foundation. We swear it's not black magic.
app.js file where we initialize these plugins for your project. The default download package will take care of initializing everything for you, but you can find out more about each plugin on the component documentation pages.
We include four main jQuery Plugins that will help you build helpful interactions and other jQuery files that help with our UI elements.
- A powerful image or content slider that works responsively and includes tons of useful options like: timers, paddles, bullet thumbs and more.
- You can easily call modals without writing any JS, even spawn subsequent modals cleanly on the same page. Reveal works across devices.
- Show off your images in style with our easy to use gallery plugin. It's built with simple unordered lists that can be styled to your hearts content.
- A flexible sticky navigation that knows where you are on the page. You just tell it what to recognize and set it asail.
- A really easy plugin for creating feature tours on your website or app.
What's included in a new project?
|File Name||Description||Init Script|
|jquery.js||We're currently using jQuery 1.8.1 for all of our JS.|
|jquery.foundation.alerts.js||Adds the ability to close alerts||$(document).foundationAlerts();|
|jquery.foundation.buttons.js||Adds dropdown functionality for dropdown buttons and split buttons||$(document).foundationButtons();|
|jquery.foundation.accordion.js||Add open/close functionality to accordions||$(document).foundationAccordion();|
|jquery.foundation.navigation.js||Adds functionality to navigation elements||$(document).foundationNavigation();|
|jquery.foundation.topbar.js||Adds functionality for the top bar||$(document).foundationTopBar();|
|jquery.foundation.forms.js||Adds ability to create custom form elements||$(document).foundationCustomForms();|
|jquery.foundation.mediaQueryToggle.js||Adds helpful media query viewer tool||$(document).foundationMediaQueryViewer();|
|jquery.foundation.tabs.js||Adds toggle capability to tabs||$(document).foundationTabs();|
|jquery.foundation.tooltips.js||Adds tooltips functionality||$(document).foundationTooltips();|
|jquery.placeholder.js||Adds placeholder functions to forms||$('input, textarea').placeholder();|
|jquery.foundation.orbit.js||Our custom image/content slider plugin|
|jquery.foundation.reveal.js||Our simple modal plugin|
|jquery.foundation.clearing.js||Our new image gallery plugin|
|jquery.foundation.magellan.js||Our sweet new sticky nav plugin.|
|jquery.foundation.joyride.js||An awesome feature tour plugin.|