我正在使用 FuelUX 向导插件创建一个向导控制页面 http://getfuelux.com/javascript.html#wizard
我试图仅在向导的第 1 步禁用“下一步”按钮。
请查看这张图片以便更好地理解: 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 ) );
}
The above line you can find it in
setState: function() {
which is in Line number3652
如果您遇到任何问题,请告诉我
编辑: 并与您一起使用备用下一个按钮,您可以按如下方式编写
$(document).ready(function(){
$('.btnext').on('click',function(){
$('.wizard').wizard('next');
$nextBtn = $('.wizard').find( 'button.btn-next' );
$nextBtn.removeAttr('disabled');
});
});
在任何你想要的地方添加你的备用按钮,只需添加一个类 btnext
到它。
关于javascript - 如何在 FuelUX 向导的第 1 步禁用下一步按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29226027/