jquery - 无法让 Jquery 点击更改类

Question

我最初在 ASP.Net 项目中拥有代码，但为了尝试排除故障，我将其移至单独的 Web 服务器，但我仍然无法使用按钮在选项卡 Pane 之间切换。任何调试此问题的帮助将不胜感激.

脚本代码

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

Answer 1

首先，你有两个class附加到您的第一个 <li> 的属性。您应该将其更改为 <li class="presentation active"> .

至于你的代码，如果你有为.presentation编写的适当的CSS和.active ，那么这应该可以工作:

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

您没有任何事件附加到 click您的事件<a>标签，这就是您的原始代码不起作用的原因。