javascript - 如何在FuelUX向导的步骤1上禁用NEXT按钮

我正在使用FuelUX向导插件创建向导控制页面
http://getfuelux.com/javascript.html#wizard

我试图仅在向导的STEP1上禁用NEXT按钮。

请检查此图像以更好地理解:
http://i.imgur.com/xlhwu2j.png

我很乐意为此提供帮助。让我知道是否需要我身边的任何东西。

最佳答案

好。经过大量研究，我为您提供了此解决方案。您需要修改插件fuelux.js。提取fuelux.js的未压缩版本，然后找到以下代码行

var canMovePrev = ( this.currentStep > 1 ); //remember, steps index is 1 based...
var isFirstStep = ( this.currentStep === 1 );
var isLastStep = ( this.currentStep === this.numSteps );

// disable buttons based on current step
if ( !this.options.disablePreviousStep ) {
         this.$prevBtn.attr( 'disabled', ( isFirstStep === true || canMovePrev === false ) );
}

// change button text of last step, if specified
var last = this.$nextBtn.attr( 'data-last' );
if(isFirstStep) //Add this line
{
    this.$nextBtn.attr( 'disabled', ( isFirstStep === true || canMoveNext === false ) );
}

如果您遇到任何问题，请告诉我

编辑:，并与您一起使用备用下一个按钮，您可以将其编写如下

$(document).ready(function(){
   $('.btnext').on('click',function(){
         $('.wizard').wizard('next');
         $nextBtn = $('.wizard').find( 'button.btn-next' );
         $nextBtn.removeAttr('disabled');
    });
});

在您需要的任何地方添加替代按钮，只需向其添加类btnext。