如何启用引导向导最后一个按钮

Question

我使用过这个插件： http://vinceg.github.io/twitter-bootstrap-wizard/

最后，下一个按钮变为禁用，任何人都可以帮助我如何启用它。？

Answer 1

为此你必须使用以下功能：

$('#rootwizard .finish').click(function() {
    $('#rootwizard').find("a[href*='tab1']").trigger('click'); // if you want to go to first tab again. Else do what ever you want to do like enable next button again. 
});

你必须在最后一个按钮给出完成课程。

  

或者

如果您只想在下一个按钮上执行此操作，则可以执行以下操作：

$('#rootwizard').bootstrapWizard({onTabShow: function(tab, navigation, index) {
    var $total = navigation.find('li').length;
    var $current = index+1;

    if($total == $current){do what you want on last next button.} }});

Answer 2

（理想情况下，您的方案的工作代码段最适合帮助您。）

你可以尝试：

• 从.disabled
中删除<li class="next disabled">课程

为：

• <li class="next">

通过jQuery：

$('.next').removeClass('.disabled');

如果JS覆盖它，请重写它：

创建一个覆盖类，例如：

.overrideDisabled {
  color: #428bca !important;
  cursor: pointer !important;
  background-color: #fff !important;
}
.overrideDisabled:hover {
  background-color: #eee !important;
  color: #2a6496 !important;
}

然后通过jQuery：

$('.next').addClass('.overrideDisabled');