Merge pull request #29 from joelcuevas/develop

maciej-gurban · maciej-gurban · commit 6767cde97dc2 · 2015-11-02T14:33:36.000+02:00
Delaying visibility divs container until document ready
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 ### Changelog
 
+**2.5.1**
+Delaying the injection of visibility divs 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/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
@@ -13,33 +13,33 @@ var ResponsiveBootstrapToolkit = (function($){
         /**
          * 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",`