ブートストラップ4 NavTabs Next/Previous not working

Question

istはとても簡単だと思いますが、アイデアはありません。私の問題は、ブートストラップ4のNavTabsを切り替えるための[Next]と[Previous]ボタンがありますが、最初のクリックだけが機能していることです。ここで

は私のコードです：

jQuery('#next').on('click', function(){ 
     jQuery('.nav-tabs li .active').parent().next('li').find('a').trigger('click'); 
    }); 
    jQuery('#prev').on('click', function(){ 
     jQuery('.nav-tabs li .active').parent().prev('li').find('a').trigger('click'); 
    }); 

はあなたが私を助けることができると思います:)ここでフランクフルト

Answer 1

から

挨拶完全なコードです。

<ul class="nav nav-tabs"> 
<li class="nav-item"> 
    <a class="nav-link active" href="#welcome" data-toggle="tab">Welcome</a> 
</li> 
<li class="nav-item"> 
    <a class="nav-link" href="#step1" data-toggle="tab">Step 1: Settings</a> 
</li> 
<li class="nav-item"> 
    <a class="nav-link" href="#step2" data-toggle="tab">Step 2: User Information's</a> 
</li> 
<li class="nav-item"> 
    <a class="nav-link" href="#step3" data-toggle="tab">Step 3: Create First Project</a> 
</li> 
</ul> 

<div class="tab-content"> 
<div class="tab-pane active" id="welcome" role="tabpanel"> 
    <div class="panel panel-default"> 
     <div class="panel-heading">Welcome to Deployer</div> 
     <div class="panel-body clearfix"> 
      <button type="button" id="prev" class="btn btn-default float-left">Previous</button> 
      <button type="button" id="next" class="btn btn-primary float-right">Next</button> 
     </div> 
    </div> 
</div> 
<div class="tab-pane" id="step1" role="tabpanel"> 
    <div class="panel panel-default"> 
     <div class="panel-heading">Settings</div> 
     <div class="panel-body clearfix"> 
      <button type="button" id="prev" class="btn btn-default float-left">Previous</button> 
      <button type="button" id="next" class="btn btn-primary float-right">Next</button> 
     </div> 
    </div> 
</div> 
<div class="tab-pane" id="step2" role="tabpanel"> 
    <div class="panel panel-default"> 
     <div class="panel-heading">User Information's</div> 
     <div class="panel-body clearfix"> 
      <button type="button" id="prev" class="btn btn-default float-left">Previous</button> 
      <button type="button" id="next" class="btn btn-primary float-right">Next</button> 
     </div> 
    </div> 
</div> 
<div class="tab-pane" id="step3" role="tabpanel"> 
    <div class="panel panel-default"> 
     <div class="panel-heading">Welcome</div> 
     <div class="panel-body"> 
      <div class="form-actions text-right"> 
       <button type="submit" class="btn btn-primary">Submit</button> 
      </div> 
     </div> 
    </div> 
</div>