jquery - jQuery ステップ ウィザードで現在のステップを取得するにはどうすればよいですか?

Question

jQuery Steps wizardで現在のステップを取得する方法を探しています。現在のステップがステップ 1 の場合、アクションを実行したいと思います。

Answer 1

これは、現在のステップ インデックスを整数として返します。

$("#wizard").steps("getCurrentIndex");

このステップ インデックスはゼロベースです。

したがって、最初のステップでアクションを実行するには (「ステップ 1」が意味していると思います)、次のようにします。

if ( $("#wizard").steps("getCurrentIndex") == 0 ) {
    perform_action();
}

参照: https://github.com/rstaib/jquery-steps/wiki/Methods

Answer 2

onStepChangingパラメータを持つとonStepChangedイベントがありますcurrentIndex。これらのイベントを処理する関数内にアクションを配置できます。

Answer 3

現在のステップが 3 の場合、このコードを使用してステップ 1 と 2 を無効にし、このコードを jquery.steps.js に追加します。

$.fn.steps.done = function () {
  var wizard = this,
  options = getOptions(this),
  state = getState(this);

  if(state.currentIndex == 2){
      for (i = 0; i < 2; i++) {
        var stepAnchor = getStepAnchor(wizard, i);
        stepAnchor.parent().removeClass("done")._enableAria(false);
      }
  }
};

これをhtmlに追加します

$("#wizard").steps('done');