Twitter bootstrap 如何在最后一个选项卡上禁用引导向导“下一步”按钮?
我找不到关于它的任何文档或信息,所以如何禁用引导选项卡中的“下一步”按钮,而不是将“下一步”更改为“安装”Twitter bootstrap 如何在最后一个选项卡上禁用引导向导“下一步”按钮?,twitter-bootstrap,Twitter Bootstrap,我找不到关于它的任何文档或信息,所以如何禁用引导选项卡中的“下一步”按钮,而不是将“下一步”更改为“安装” .bootstrapWizard({ tabClass: 'nav nav-tabs', onTabClick: function(tab, navigation, index) { return validateTab(index); }, onNext: function(tab, navigation, index) {
.bootstrapWizard({
tabClass: 'nav nav-tabs',
onTabClick: function(tab, navigation, index) {
return validateTab(index);
},
onNext: function(tab, navigation, index) {
var numTabs = $('#reservationForm').find('.tab-pane').length,
isValidTab = validateTab(index - 1);
if (!isValidTab) {
return false;
}
if (index === numTabs -1) {
}
return true;
},
onPrevious: function(tab, navigation, index) {
return validateTab(index + 1);
},
onTabShow: function(tab, navigation, index) {
// Update the label of Next button when we are at the last tab
var numTabs = $('#reservationForm').find('.tab-pane').length;
$('#reservationForm')
.find('.next')
.removeClass('disabled') // Enable the Next button
.find('a')
.html(index === numTabs - 1 ? 'Install' : 'Next');
}
});
我有5张和你一样的标签。下面是我在第一个/最后一个选项卡中禁用上一个按钮和下一个按钮的方法
onTabShow: function(tab, navigation, index) {
switch (index) {
case 0:
// remove 'previous'
$('ul.pager.wizard li.previous').addClass('hidden');
break;
case 1:
case 2:
case 3:
$('ul.pager.wizard li.previous, ul.pager.wizard li.next').removeClass('hidden');
break;
case 4:
// remove 'next'
$('ul.pager.wizard li.next').addClass('hidden');
break;
}
var $total = navigation.find('li').length;
var $current = index + 1;
var $percent = ($current / $total) * 100;
$('#pills .progress-bar').css({
width: $percent + '%'
});
}