使用jQuery-步骤进入自定义步骤

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (49)

我用的是jQuery-步骤在我的应用程序中出现了类似巫师的情况。不过,我找不到如何更改为自定义步骤。这个有帮助吗?

$(function () {
    $("#wizard").steps({
        headerTag: "h2",
        bodyTag: "section",
        transitionEffect: "slideLeft",
        enableFinishButton: false,
        labels: {
            next: $('#next').html(),
            previous : $('#previous').html()

        },
        onStepChanged: function (event, currentIndex, priorIndex)
        {
            if( priorIndex == 0) {
                var selected = $('input[name=radio_wizard]:checked', '#radio_wizard').val()
                switch( selected ){
                    case 1:
                        // GOTO 1 
                        break;
                    case 2:
                        // GOTO 2 
                        break;
                    case 3:
                        // GOTO 3 
                        break;
                }
            }
      }
}

如何做到这一点?

提问于
用户回答回答于

我找到了一种简单的方法。

$("#wizard-t-2").get(0).click();
用户回答回答于

我这样做了,所以我创建了一个新的函数:

function _goToStep(wizard, options, state, index)
{
    return paginationClick(wizard, options, state, index);
}

而没有实现的则是:

$.fn.steps.setStep = function (step)
{

    var options = getOptions(this),
        state = getState(this);

    return _goToStep(this, options, state, step);

};

只是利用已经存在的插件。

用途:

wizard.steps("setStep", 1);

扫码关注云+社区

领取腾讯云代金券