Bootstrap 3向导？

Question

我已经在这里问这个问题 Creating next and back button on tabs bootstrap 3 wizard?

但我现在已经exteded它在最后一个选项卡添加完成，但现在我有问题，除去后退按钮第一个选项卡，这里是我的代码

$('.step-back, .step-next').on('shown.bs.tab', function (e) { 
      currentStep() 
     }) 

     var previousButton = '<a href="#" data-toggle="tab" class="step-back">back</a>'; 
     var nextButton = '<a href="#" data-toggle="tab" class="step-next">next </a>'; 

     $(".wizard-navigation").html(previousButton + nextButton); 

     function currentStep() {  
      var stepsLong = $('.tab-pane').length; 
      var currentVal = $('.tab-pane.active').attr("data-step"); 
      currentVal = parseInt(currentVal); 

      var prev = currentVal - 1; 
      var next = currentVal + 1; 

      if (currentVal == stepsLong) { 
       $(".step-next").html("finish").attr('href', '#step' + next); 
      } 
      else { 
       $(".step-next").html("next").attr('href', '#step' + next); 
      } 

      if (currentVal == 0) { 
       $('.step-back').addClass('hidden'); 
      } 
      else { 
       $(".step-next").removeClass('hidden'); 
      } 


     } 

这里正在拨弄 http://jsfiddle.net/52VtD/9206/

我需要什么，如果用户在第一个选项卡上删除后退按钮

这里是另一个工作小提琴 http://jsfiddle.net/52VtD/9207/

Answer 1

http://jsfiddle.net/52VtD/9209/

我在你的步进加入这样的逻辑：

if(currentVal == 1) $('.step-back').hide() 
      else $('.step-back').show() 

这一个解决您单击的问题，以及：http://jsfiddle.net/52VtD/9211/

您的问题是，你绑定了.shown，但没有抛出show事件，我给你的init代码添加了一个tab（“显示”）。