无法获取Jquery单击以更改类

我最初在ASP.Net项目中使用了该代码，但为了尝试排除故障，我将其移到了一个单独的web服务器上，但仍然无法使用按钮在选项卡窗格之间切换。如果有任何调试帮助，我将不胜感激

脚本代码

 $('.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

回去
继续

首先，您的第一个

附加了两个

类

属性。您应该将其更改为

至于您的代码，如果您为

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

您的

标记的

单击事件时没有附加任何事件，这就是您的原始代码无法工作的原因。
更改

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




到




拥有两个类属性会导致jQuery无法通过其选择器找到“活动”选项卡

<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>