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

Question

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

最后，下一个按钮被禁用了谁能帮助我如何启用它。？

Answer 1

（理想情况下，适合您的场景的工作片段最能帮助您。）

你可以试试：

• 正在从 <li class="next disabled">
中删除 .disabled class

至：

• <li class="next">

通过jQuery：

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

如果 JS 正在覆盖它，请将其覆盖回去：

创建覆盖 class 例如：

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

然后通过 jQuery:

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

Answer 2

为此你必须使用以下函数：

$('#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. 
});

你必须在最后一个按钮中完成 class。

Or

如果你只想在下一个按钮上做，你可以像下面那样做：

$('#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.} }});