不能得到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点击更改类

回答

相关问题