flicker on initialisation fix

dist/js/bootstrap-switch.js

@@ -27,7 +27,6 @@
     var BootstrapSwitch;
     BootstrapSwitch = (function() {
       function BootstrapSwitch(element, options) {
-        var initInterval;
         if (options == null) {
           options = {};
         }
@@ -110,19 +109,7 @@
         if (this.options.indeterminate) {
           this.$element.prop("indeterminate", true);
         }
-        initInterval = window.setInterval((function(_this) {
-          return function() {
-            if (_this.$wrapper.is(":visible")) {
-              _this._width();
-              _this._containerPosition(null, function() {
-                if (_this.options.animate) {
-                  return _this.$wrapper.addClass("" + _this.options.baseClass + "-animate");
-                }
-              });
-              return window.clearInterval(initInterval);
-            }
-          };
-        })(this), 50);
+        this._init();
         this._elementHandlers();
         this._handleHandlers();
         this._labelHandlers();
@@ -475,6 +462,31 @@
         }, 50);
       };
 
+      BootstrapSwitch.prototype._init = function() {
+        var init, initInterval;
+        init = (function(_this) {
+          return function() {
+            _this._width();
+            return _this._containerPosition(null, function() {
+              if (_this.options.animate) {
+                return _this.$wrapper.addClass("" + _this.options.baseClass + "-animate");
+              }
+            });
+          };
+        })(this);
+        if (this.$wrapper.is(":visible")) {
+          return init();
+        }
+        return initInterval = window.setInterval((function(_this) {
+          return function() {
+            if (_this.$wrapper.is(":visible")) {
+              init();
+              return window.clearInterval(initInterval);
+            }
+          };
+        })(this), 50);
+      };
+
       BootstrapSwitch.prototype._elementHandlers = function() {
         return this.$element.on({
           "change.bootstrapSwitch": (function(_this) {

src/coffee/bootstrap-switch.coffee

@@ -65,13 +65,7 @@ do ($ = window.jQuery, window) ->
       @$element.prop "indeterminate", true  if @options.indeterminate
 
       # normalize handles width and set container position
-      initInterval = window.setInterval =>
-        if @$wrapper.is ":visible"
-          @_width()
-          @_containerPosition null, =>
-            @$wrapper.addClass "#{@options.baseClass}-animate"  if @options.animate
-          window.clearInterval initInterval
-      , 50
+      @_init()
 
       # initialise handlers
       @_elementHandlers()
@@ -348,6 +342,20 @@ do ($ = window.jQuery, window) ->
         callback()
       , 50
 
+    _init: ->
+      init = =>
+        @_width()
+        @_containerPosition null, =>
+          @$wrapper.addClass "#{@options.baseClass}-animate"  if @options.animate
+
+      return init()  if @$wrapper.is ":visible"
+
+      initInterval = window.setInterval =>
+        if @$wrapper.is ":visible"
+          init()
+          window.clearInterval initInterval
+      , 50
+
     _elementHandlers: ->
       @$element.on
         "change.bootstrapSwitch": (e, skip) =>

test/bootstrap-switch.js

@@ -27,7 +27,6 @@
     var BootstrapSwitch;
     BootstrapSwitch = (function() {
       function BootstrapSwitch(element, options) {
-        var initInterval;
         if (options == null) {
           options = {};
         }
@@ -110,19 +109,7 @@
         if (this.options.indeterminate) {
           this.$element.prop("indeterminate", true);
         }
-        initInterval = window.setInterval((function(_this) {
-          return function() {
-            if (_this.$wrapper.is(":visible")) {
-              _this._width();
-              _this._containerPosition(null, function() {
-                if (_this.options.animate) {
-                  return _this.$wrapper.addClass("" + _this.options.baseClass + "-animate");
-                }
-              });
-              return window.clearInterval(initInterval);
-            }
-          };
-        })(this), 50);
+        this._init();
         this._elementHandlers();
         this._handleHandlers();
         this._labelHandlers();
@@ -475,6 +462,31 @@
         }, 50);
       };
 
+      BootstrapSwitch.prototype._init = function() {
+        var init, initInterval;
+        init = (function(_this) {
+          return function() {
+            _this._width();
+            return _this._containerPosition(null, function() {
+              if (_this.options.animate) {
+                return _this.$wrapper.addClass("" + _this.options.baseClass + "-animate");
+              }
+            });
+          };
+        })(this);
+        if (this.$wrapper.is(":visible")) {
+          return init();
+        }
+        return initInterval = window.setInterval((function(_this) {
+          return function() {
+            if (_this.$wrapper.is(":visible")) {
+              init();
+              return window.clearInterval(initInterval);
+            }
+          };
+        })(this), 50);
+      };
+
       BootstrapSwitch.prototype._elementHandlers = function() {
         return this.$element.on({
           "change.bootstrapSwitch": (function(_this) {