Changes:

* fixing #227, V3/V4 Carousel cannot use `slideTo` to jump to the current active item
* documentation updates regarding #227
* version bump

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap.native",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "homepage": "http://thednp.github.io/bootstrap.native/",
   "authors": [
     "dnp_theme"

dist/bootstrap-native-v4.js

@@ -1,4 +1,4 @@
-// Native Javascript for Bootstrap 4 v2.0.23 | © dnp_theme | MIT-License
+// Native Javascript for Bootstrap 4 v2.0.24 | © dnp_theme | MIT-License
 (function (root, factory) {
   if (typeof define === 'function' && define.amd) {
     // AMD support:
@@ -315,7 +315,7 @@
       arrowLeft && (arrow[style][left] = arrowLeft + 'px');
     };
 
-  BSN.version = '2.0.23';
+  BSN.version = '2.0.24';
 
   /* Native Javascript for Bootstrap 4 | Alert
   -------------------------------------------*/
@@ -592,8 +592,11 @@
       var activeItem = this.getActiveIndex(), // the current active
           orientation;
 
-      // determine slideDirection first
-      if  ( (activeItem < next ) || (activeItem === 0 && next === total -1 ) ) {
+      // first return if we're on the same item #227
+      if ( activeItem === next ) {
+        return;
+      // or determine slideDirection
+      } else if  ( (activeItem < next ) || (activeItem === 0 && next === total -1 ) ) {
         slideDirection = self[direction] = left; // next
       } else if  ( (activeItem > next) || (activeItem === total - 1 && next === 0 ) ) {
         slideDirection = self[direction] = right; // prev

dist/bootstrap-native.js

@@ -1,4 +1,4 @@
-// Native Javascript for Bootstrap 3 v2.0.23 | © dnp_theme | MIT-License
+// Native Javascript for Bootstrap 3 v2.0.24 | © dnp_theme | MIT-License
 (function (root, factory) {
   if (typeof define === 'function' && define.amd) {
     // AMD support:
@@ -316,7 +316,7 @@
       element.className[indexOf](position) === -1 && (element.className = element.className.replace(tipPositions,position));
     };
 
-  BSN.version = '2.0.23';
+  BSN.version = '2.0.24';
 
   /* Native Javascript for Bootstrap 3 | Affix
   -------------------------------------------*/
@@ -746,8 +746,11 @@
       var activeItem = this.getActiveIndex(), // the current active
           orientation;
 
-      // determine slideDirection first
-      if  ( (activeItem < next ) || (activeItem === 0 && next === total -1 ) ) {
+        // first return if we're on the same item #227
+        if ( activeItem === next ) {
+          return;
+        // or determine slideDirection
+        } else if  ( (activeItem < next ) || (activeItem === 0 && next === total -1 ) ) {
         slideDirection = self[direction] = left; // next
       } else if  ( (activeItem > next) || (activeItem === total - 1 && next === 0 ) ) {
         slideDirection = self[direction] = right; // prev

index.html

@@ -2816,7 +2816,8 @@ <h3>This is another caption</h3>
                 </div>
               </div>
               <div class="btn-group">
-                <a class="btn btn-default disabled" href="#">Jump</a>
+                <button class="btn btn-default" 
+                        onclick="document.getElementById('carousel-example-generic').Carousel.slideTo(0)">Start</button>
                 <button class="btn btn-default" data-slide-to="prev" 
                         onclick="document.getElementById('carousel-example-generic').Carousel.slideTo(document.getElementById('carousel-example-generic').Carousel.getActiveIndex() - 1 )">PREV</button>
                 <button class="btn btn-default" data-slide-to="next" 

lib/V3/carousel-native.js

@@ -120,8 +120,11 @@ var Carousel = function( element, options ) {
     var activeItem = this.getActiveIndex(), // the current active
         orientation;
 
-    // determine slideDirection first
-    if  ( (activeItem < next ) || (activeItem === 0 && next === total -1 ) ) {
+      // first return if we're on the same item #227
+      if ( activeItem === next ) {
+        return;
+      // or determine slideDirection
+      } else if  ( (activeItem < next ) || (activeItem === 0 && next === total -1 ) ) {
       slideDirection = self[direction] = left; // next
     } else if  ( (activeItem > next) || (activeItem === total - 1 && next === 0 ) ) {
       slideDirection = self[direction] = right; // prev

lib/V4/carousel-native.js

@@ -122,8 +122,11 @@ var Carousel = function( element, options ) {
     var activeItem = this.getActiveIndex(), // the current active
         orientation;
 
-    // determine slideDirection first
-    if  ( (activeItem < next ) || (activeItem === 0 && next === total -1 ) ) {
+    // first return if we're on the same item #227
+    if ( activeItem === next ) {
+      return;
+    // or determine slideDirection
+    } else if  ( (activeItem < next ) || (activeItem === 0 && next === total -1 ) ) {
       slideDirection = self[direction] = left; // next
     } else if  ( (activeItem > next) || (activeItem === total - 1 && next === 0 ) ) {
       slideDirection = self[direction] = right; // prev

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap.native",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "Native Javascript for Bootstrap, the sweetest Javascript library without jQuery.",
   "main": "dist/bootstrap-native.js",
   "scripts": {

v4.html

@@ -234,7 +234,7 @@ <h2>Carousel</h2>
           </a>
         </div>
         <div class="btn-group mt-4 mb-0">
-          <button class="btn btn-light" disabled>Jump</button>
+          <button class="btn btn-light" onclick="document.getElementById('carouselExampleIndicators').Carousel.slideTo(0)">Start</button>
           <button class="btn btn-light" onclick="(function(){ var crsl = document.getElementById('carouselExampleIndicators').Carousel, idx = crsl.getActiveIndex(); crsl.slideTo(idx-1) }())">PREV</button>
           <button class="btn btn-light" onclick="(function(){ var crsl = document.getElementById('carouselExampleIndicators').Carousel, idx = crsl.getActiveIndex(); crsl.slideTo(idx+1) }())">NEXT</button>
         </div>