]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Adding required off-canvas javascript 4600/head
authorsuprsidr <suprsidr@gmail.com>
Wed, 5 Mar 2014 17:19:12 +0000 (11:19 -0600)
committersuprsidr <suprsidr@gmail.com>
Wed, 5 Mar 2014 17:19:12 +0000 (11:19 -0600)
doc/pages/components/offcanvas.html

index 97ec1fba2b25343044278ff5fd6dc990d4a0b79a..5ca5edfc53fe33a60a207e232202282f8f27d450 100644 (file)
@@ -271,6 +271,36 @@ Off-canvas layouts can be easily customized using our provided Sass variables.
 
 ***
 
+### Using the Javascript
+
+<div class="panel">
+  Before you can use Off-canvas you'll want to verify that jQuery and `foundation.js` are available on your page. You can refer to the [Javascript documentation](../javascript.html) on setting that up.
+</div>
+
+Just add `foundation.offcanvas.js` AFTER the `foundation.js` file. Your markup should look something like this:
+
+{{#markdown}}
+```html
+<body>
+
+  ...
+
+  <script src="js/foundation/foundation.js"></script>
+  <script src="js/foundation/foundation.offcanvas.js"></script>
+  <!-- Other JS plugins can be included here -->
+
+  <script>
+    $(document).foundation();
+  </script>
+
+</body>
+```
+{{/markdown}}
+
+Required Foundation Library: `foundation.offcanvas.js`
+
+***
+
 ### Sass Errors?
 
 If the default "foundation" import was commented out, then make sure you import this file: