javascript - 跳过 stepy jQuery 插件中的隐藏步骤

Question

我需要跳过stepy 插件中的一步，但不知道如何。我正在使用回调但不起作用，这是我的代码：

    next: function(index) {
        console.log(index);
        if ($('#product_create-head-2').is(':hidden')) {
            $('#product_create').find('fieldset').eq(2).hide();
            $('#product_create').find('fieldset').eq(3).show();
            $('#product_create').stepy('step', 3);
        }
    },
    back: function(index) {
        console.log(index);
        if ($('#product_create-head-2').is(':hidden')) {
            $('#product_create').find('fieldset').eq(2).hide();
            $('#product_create').find('fieldset').eq(1).show();
            $('#product_create').stepy('step', 1);
        }
    }

默认情况下$('#product_create-head-2')是隐藏的，但可以通过用户交互显示，所以如果它在我按下下一个/上一个时隐藏，它应该跳过这一步并根据用户操作转到下一个/上一个，我做错了什么？

Answer 1

您可以在这样的代码中使用 stepy 的“选择”功能：

next: function(step){  // invoked by next button
          wzDir = 'fw'; //set direction forward
      },
back: function(step){  // invoked by back button
          wzDir = 'bw'; //set direction backward  
      },
select: function(step){
          if (step == 2){ //invoked on every selected step
            switch (wzDir){
              case 'fw': $('#product_create').stepy('step', 3); //jump to 3 
                         break; 
              case 'bw': $('#product_create').stepy('step', 1); //jump to 1
                         break; 
            }
          }
      }

这必须有效...