SOURCE

var $control = $("#control");
var $result = $("mark");

$control.bhStepWizard({
    items: [//必填, 步骤参数集合 可以有title,stepId,active,finished字段
        { stepId: "step1", title: "步骤向导在这里是第一步-1" },
        { stepId: "step2", title: "步骤向导在这里是第二步-2" },
        { stepId: "step3", title: "步骤向导在这里是第三步-3" },
        { stepId: "step4", title: "步骤向导-4" },
        { stepId: "step5", title: "步骤向导-5" },
        { stepId: "step6", title: "步骤向导-6" }
    ],
    active: "step3",//可选, 当前激活项的stepId
    contentContainer: $(".container"),//可选, 正文的容器选择器,默认值为$("body")
    finished: ['step2'], //可选, 当前已完成项的stepId数组,默认值为[]
    isAddClickEvent: true, //可选, 步骤条是否可点,默认值为true
    change: function () { } //可选, 焦点项变化的回调,默认值为null
});

$(document).on('click', '[data-action]', function (e) {
    var $target = $(e.target);
    $result.text("");
    var stepid = $control.bhStepWizard("getActiveItem");
    var action = $target.attr("data-action");
    switch (action) {
        case "isLastStep":
            var isLastStep = $control.bhStepWizard("isLastStep");
            $result.text(isLastStep);
            break;
        case "changeToActive":
            $control.bhStepWizard("changeToActive", "step1");
            break;
        case "changeToFinished":
            $control.bhStepWizard("changeToFinished", stepid);
            break;
        case "getStepIdByIndex":
            $result.text($control.bhStepWizard("getStepIdByIndex", 1));
            break;
        case "getFinishedIndexs":
            $result.text($control.bhStepWizard("getFinishedIndexs"));
            break;
        case "resetFinishedItems":
            $control.bhStepWizard("resetFinishedItems", [stepid]);
            break;
        case "deleteItem":
            $control.bhStepWizard("deleteItem", stepid);
            break;
        case "showItem":
            $control.bhStepWizard("showItem", stepid);
            break;
        case "hideItem":
            $control.bhStepWizard("hideItem", stepid);
            break;
        default:
            $control.bhStepWizard(action);
            break;
    }
});

<div class="e2e-opt">
<button class="bh-btn bh-btn-default" data-action="isLastStep" title="当前是否为最后一个">isLastStep</button>
  <button class="bh-btn bh-btn-default" data-action="activePrevItem" title="上一项">activePrevItem</button>
  <button class="bh-btn bh-btn-default" data-action="activeNextItem" title="下一项">activeNextItem</button>
  <button class="bh-btn bh-btn-default" data-action="changeToActive" title="激活第一个">changeToActive</button>
  <button class="bh-btn bh-btn-default" data-action="changeToFinished" title="将当前状态变为完成">changeToFinished</button>
  <button class="bh-btn bh-btn-default" data-action="getFinishedIndexs" title="获取已完成的编号">getFinishedIndexs</button>
  <button class="bh-btn bh-btn-default" data-action="getStepIdByIndex" title="根据stepID获取index">getStepIdByIndex</button>
  <button class="bh-btn bh-btn-default" data-action="resetFinishedItems" title="设置完成项">resetFinishedItems</button>
  <button class="bh-btn bh-btn-default" data-action="resetWidth" title="重新设置宽度">resetWidth</button>
  <button class="bh-btn bh-btn-default" data-action="deleteItem" title="删除项">deleteItem</button>
  <button class="bh-btn bh-btn-default" data-action="showItem" title="显示项">showItem</button>
  <button class="bh-btn bh-btn-default" data-action="hideItem" title="隐藏项">hideItem</button>
  <button class="bh-btn bh-btn-default" data-action="getActiveItem" title="获取当前激活项的stepID">getActiveItem</button>
</div>
<mark>
  返回状态
</mark>
<div class="bh-mv-16">
  <div class="bh-wizard bh-mt-16" id="control"></div>
  <div class="container bh-clearfix">
      <div id="step1">
          步骤向导-1-内容
      </div>
      <div id="step2">
          步骤向导-2-内容
      </div>
      <div id="step3">
          步骤向导-3-内容
      </div>
      <div id="step4">
          步骤向导-4-内容
      </div>
      <div id="step5">
          步骤向导-5-内容
      </div>
      <div id="step6">
          步骤向导-6-内容
      </div>
  </div>
</div>