Added setStepIndex

README.md

@@ -25,8 +25,8 @@ git clone http://github.com/oguzhanoya/jquery-steps.git
 ```
 CDN
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected].0/dist/jquery-steps.min.css">
-<script src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/jquery-steps.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected].1/dist/jquery-steps.min.css">
+<script src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/jquery-steps.min.js"></script>
 ```
 
 ## Setup
@@ -102,6 +102,7 @@ Init plugin with choosen options.
 |finish|Trigger the onFinish event.|
 |getStepIndex|Gets the current step index.(start from 0)|
 |getMaxStepIndex|Gets the max step index.|
+|setStepIndex|Sets the step index.|
 
 ## License
 

examples/api.html

@@ -42,6 +42,10 @@
   <button id="btnGetStepIndex">Current Step Index</button>
   <button id="btnGetMaxStepIndex">Max Step Index</button>
   <hr>
+  <button id="btnGoToFirstStep">First Step</button>
+  <button id="btnGoToStep2">Go to Step 2</button>
+  <button id="btnGoToLastStep">Last Step</button>
+  <hr>
   <button id="btnDestroy">Destroy</button>
 
   <script src="http://code.jquery.com/jquery-latest.min.js"></script>
@@ -53,6 +57,7 @@
         alert('Wizard Completed');
       }
     });
+
     steps_api = steps.data('plugin_Steps');
 
     $('#btnPrev').on('click', function () {
@@ -64,15 +69,28 @@
 		});
 
     $('#btnGetStepIndex').on('click', function () {
-      const idx = steps_api.getStepIndex();
+      var idx = steps_api.getStepIndex();
       alert(idx);
 		});
 
     $('#btnGetMaxStepIndex').on('click', function () {
-      const idx = steps_api.getMaxStepIndex();
+      var idx = steps_api.getMaxStepIndex();
       alert(idx);
 		});
 
+    $('#btnGoToFirstStep').on('click', function () {
+      steps_api.setStepIndex(0);
+		});
+
+    $('#btnGoToStep2').on('click', function () {
+      steps_api.setStepIndex(1);
+		});
+
+    $('#btnGoToLastStep').on('click', function () {
+      var maxIdx = steps_api.getMaxStepIndex();
+      steps_api.setStepIndex(maxIdx);
+		});
+
     $('#btnDestroy').on('click', function () {
       steps_api.destroy();
 		});

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jquery.steps",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A simple, lightweight jQuery step wizard plugin.",
   "main": "./dist/jquery-steps.js",
   "repository": {

src/Steps.js

@@ -168,6 +168,14 @@ class Steps {
     }
   }
 
+  setStepIndex(idx) {
+    const maxIndex = this.getMaxStepIndex();
+    if (idx <= maxIndex) {
+      const stepIndex = this.getStepIndex();
+      this.setActiveStep(stepIndex, idx);
+    }
+  }
+
   next() {
     const stepIndex = this.getStepIndex();
     const maxIndex = this.getMaxStepIndex();