不能得到jquery點擊更改類

我原本在ASP.Net項目中的代碼，但試圖排除故障，我把它移動到一個單獨的Web服務器，但我仍然無法得到它與buttons.Any之間切換標籤窗格幫助調試這將不勝感激。不能得到jquery點擊更改類

腳本代碼

$('.continue').click(function() { 
       $('.nav-tabs > .active').next('li').find('a').trigger('click'); 
      }); 
      $('.back').click(function() { 
       $('.nav-tabs> .active').prev('li').find('a').trigger('click'); 
      });

HTML

<ul class="nav nav-tabs" > 
       <li class="presentation" aria-controls="incident" class="active"> 
        <a href="#incident" data-toggle="tab">Incident</a> 

       </li> 
       <li> 
        <a href="#timesmileage" data-toggle="tab">Times/Mileage</a> 
       </li> 
       <li> 
        <a href="#patient" data-toggle="tab">Patient</a> 
       </li> 
       <li> 
        <a href="#billing" data-toggle="tab">Billing</a> 
       </li> 
       <li> 
        <a href="#scene" data-toggle="tab">Scene</a> 
       </li> 
    </ul> 


    <div class="row"> 
     <a class="btn btn-primary back">Go Back</a> 
     <a class="btn btn-primary continue">Continue</a> 
      </div>

來源

2017-10-10 Adam Blasingame

首先，你必須連接到你的第一個<li> 2個class屬性。您應該將其更改爲<li class="presentation active">。

至於你的代碼，如果你有.presentation和.active編寫合適的CSS，那麼這應該工作：

$('.continue').click(function() { 
    $('.nav-tabs > .active').removeClass('presentation active').next('li').addClass('presentation active'); 
}); 

$('.back').click(function() { 
    $('.nav-tabs> .active').removeClass('presentation active').prev('li').addClass('presentation active'); 
});

您沒有連接到您的<a>標籤的click事件的任何事件，這就是爲什麼你的原始代碼不起作用。

來源

2017-10-10 02:38:12 terresquall

變化

<li class="presentation" aria-controls="incident" class="active"> 
    <a href="#incident" data-toggle="tab">Incident</a> 
</li>

到

<li class="presentation active" aria-controls="incident" > 
    <a href="#incident" data-toggle="tab">Incident</a> 
</li>

有兩個類的屬性導致的jQuery沒有找到它的選擇你的「活動」選項卡。

來源

2017-10-10 02:58:03

不能得到jquery點擊更改類

回答

相關問題