Question

我最初在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

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

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

Answer 2

变化

<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找不到你的＆＃34; active＆＃34;选项卡选项卡。

无法获取Jquery点击更改课程

2 个答案: