0

我需要跳过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')是隐藏的,但可以通过用户交互显示,所以如果它在我按下下一个/上一个时隐藏,它应该跳过这一步并根据用户操作转到下一个/上一个,我做错了什么?

4

1 回答 1

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; 
            }
          }
      }

这必须有效...

于 2013-12-11T08:36:01.180 回答