Merge pull request #31 from maciej-gurban/develop

maciej-gurban · maciej-gurban · commit 47328963bc07 · 2015-11-02T14:56:59.000+02:00
Release candidate 2.5.1
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 ### Changelog
 
+**2.5.1**
+Delaying the injection of visibility div container into `body` until `$(document).ready()`, and thus allowing the inclusion of library inside `<head>` section.
+
 **2.5.0**
 Introduced `use` method allowing to use custom visibility classes. Added built-in Foundation 5 support.
 
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 Responsive Bootstrap Toolkit provides an easy way of breakpoint detection in JavaScript, detecting changes in currently active breakpoint, as well as executing any breakpoint-specific JavaScript code. Despite the name, you can use it also with Foundation, or any other framework.
 
-Current version: **2.5.0**
+Current version: **2.5.1**
 
 ### Documentation
 * [Installation](#installation)
@@ -36,31 +36,32 @@ Live example available on [CodePen](http://codepen.io/dih/full/ivECj). Hosted al
 ````javascript
 // Wrap IIFE around your code
 (function($, viewport){
-
-    // Executes only in XS breakpoint
-    if( viewport.is('xs') ) {
-        // ...
-    }
-
-    // Executes in SM, MD and LG breakpoints
-    if( viewport.is('>=sm') ) {
-        // ...
-    }
-
-    // Executes in XS and SM breakpoints
-    if( viewport.is('<md') ) {
-        // ...
-    }
-
-    // Execute code each time window size changes
-    $(window).resize(
-        viewport.changed(function(){
-            if( viewport.is('xs') ) {
-                // ...
-            }
-        })
-    );
-
+    $(document).ready(function() {
+
+        // Executes only in XS breakpoint
+        if(viewport.is('xs')) {
+            // ...
+        }
+
+        // Executes in SM, MD and LG breakpoints
+        if(viewport.is('>=sm')) {
+            // ...
+        }
+
+        // Executes in XS and SM breakpoints
+        if(viewport.is('<md')) {
+            // ...
+        }
+
+        // Execute code each time window size changes
+        $(window).resize(
+            viewport.changed(function() {
+                if(viewport.is('xs')) {
+                    // ...
+                }
+            })
+        );
+    });
 })(jQuery, ResponsiveBootstrapToolkit);
 ````
 
@@ -69,7 +70,7 @@ Allows using custom debounce interval. The default one is set at 300ms.
 
 ````javascript
 $(window).resize(
-    viewport.changed(function(){
+    viewport.changed(function() {
 
       // ...
 
@@ -80,8 +81,8 @@ $(window).resize(
 #### Get alias of current breakpoint
 ````javascript
 $(window).resize(
-    viewport.changed(function(){
-        console.log( 'Current breakpoint: '+ viewport.current() );
+    viewport.changed(function() {
+        console.log('Current breakpoint: ', viewport.current());
     })
 );
 ````
@@ -95,7 +96,7 @@ Instead of Bootstrap's aliases `xs`, `sm`, `md` and `lg`, Foundation uses: `smal
 
     viewport.use('Foundation');
 
-    if( viewport.is('small') ) {
+    if(viewport.is('small')) {
         // ...
     }
 
@@ -118,7 +119,7 @@ Currently, only Foundation 5 visibility classes are supported. If you'd like to
 
     viewport.use('Custom', visibilityDivs);
 
-    if( viewport.is('alias-1') ) {
+    if(viewport.is('alias-1')) {
         // ...
     }
 
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
     "name": "responsive-bootstrap-toolkit",
-    "version": "2.5.0",
+    "version": "2.5.1",
     "homepage": "https://github.com/maciej-gurban/responsive-bootstrap-toolkit",
     "description": "Responsive Bootstrap Toolkit provides an easy way of breakpoint detection in JavaScript, detecting changes in currently active breakpoint, as well as executing any breakpoint-specific JavaScript code.",
     "main": "dist/bootstrap-toolkit.js",
diff --git a/dist/bootstrap-toolkit.js b/dist/bootstrap-toolkit.js
@@ -2,44 +2,44 @@
  * Responsive Bootstrap Toolkit
  * Author:    Maciej Gurban
  * License:   MIT
- * Version:   2.5.0 (2015-05-14)
+ * Version:   2.5.1 (2015-11-02)
  * Origin:    https://github.com/maciej-gurban/responsive-bootstrap-toolkit
  */
-var ResponsiveBootstrapToolkit = (function($){
+;var ResponsiveBootstrapToolkit = (function($){
 
     // Internal methods
     var internal = {
 
         /**
          * Breakpoint detection divs for each framework version
          */
-         detectionDivs: {
-             // Bootstrap 3
-             bootstrap: {
-                 'xs': $('<div class="device-xs visible-xs visible-xs-block"></div>'),
-                 'sm': $('<div class="device-sm visible-sm visible-sm-block"></div>'),
-                 'md': $('<div class="device-md visible-md visible-md-block"></div>'),
-                 'lg': $('<div class="device-lg visible-lg visible-lg-block"></div>')
-             },
-             // Foundation 5
-             foundation: {
-                 'small':  $('<div class="device-xs show-for-small-only"></div>'),
-                 'medium': $('<div class="device-sm show-for-medium-only"></div>'),
-                 'large':  $('<div class="device-md show-for-large-only"></div>'),
-                 'xlarge': $('<div class="device-lg show-for-xlarge-only"></div>')
-             }
-         },
+        detectionDivs: {
+            // Bootstrap 3
+            bootstrap: {
+                'xs': $('<div class="device-xs visible-xs visible-xs-block"></div>'),
+                'sm': $('<div class="device-sm visible-sm visible-sm-block"></div>'),
+                'md': $('<div class="device-md visible-md visible-md-block"></div>'),
+                'lg': $('<div class="device-lg visible-lg visible-lg-block"></div>')
+            },
+            // Foundation 5
+            foundation: {
+                'small':  $('<div class="device-xs show-for-small-only"></div>'),
+                'medium': $('<div class="device-sm show-for-medium-only"></div>'),
+                'large':  $('<div class="device-md show-for-large-only"></div>'),
+                'xlarge': $('<div class="device-lg show-for-xlarge-only"></div>')
+            }
+        },
 
          /**
          * Append visibility divs after DOM laoded
          */
-         applyDetectionDivs: function() {
-             $(document).ready(function(){
-                 $.each(self.breakpoints, function(alias){
-                     self.breakpoints[alias].appendTo('.responsive-bootstrap-toolkit');
-                 });
-             });
-         },
+        applyDetectionDivs: function() {
+            $(document).ready(function(){
+                $.each(self.breakpoints, function(alias){
+                    self.breakpoints[alias].appendTo('.responsive-bootstrap-toolkit');
+                });
+            });
+        },
 
         /**
          * Determines whether passed string is a parsable expression
@@ -221,7 +221,9 @@ var ResponsiveBootstrapToolkit = (function($){
     };
 
     // Create a placeholder
-    $('<div class="responsive-bootstrap-toolkit"></div>').appendTo('body');
+    $(document).ready(function(){
+        $('<div class="responsive-bootstrap-toolkit"></div>').appendTo('body');
+    });
 
     if( self.framework === null ) {
         self.use('bootstrap');
diff --git a/dist/bootstrap-toolkit.min.js b/dist/bootstrap-toolkit.min.js

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "responsive-bootstrap-toolkit",`
`3`		`- "version": "2.5.0",`
	`3`	`+ "version": "2.5.1",`
`4`	`4`	`"homepage": "https://github.com/maciej-gurban/responsive-bootstrap-toolkit",`
`5`	`5`	`"description": "Responsive Bootstrap Toolkit provides an easy way of breakpoint detection in JavaScript, detecting changes in currently active breakpoint, as well as executing any breakpoint-specific JavaScript code.",`
`6`	`6`	`"main": "dist/bootstrap-toolkit.js",`