Javascript 更改类后执行jquery“；主动的；

所以我用的是symphony，我有一个这样的标签系统：

<div class="logs">
    <div class="nav-tabs-custom">
        <ul class="nav nav-tabs">
            <li class="list active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">PDF</a></li>
            <li class="list"><a href="#tab_2" data-toggle="tab" aria-expanded="false">Crawl</a></li>
            <li class="list"><a href="#tab_3" data-toggle="tab" aria-expanded="false">EAN/cats</a></li>
        </ul>

        <div class="tab-content tab-header">
            <div class="row">
                <div class="col-md-2"><button class="btn btn-block btn-default btn-flat affichage">Résumé</button></div>
                <div class="col-md-2"><button class="btn btn-block btn-default btn-flat affichage">Complet</button></div>
                <div class="col-md-8"><span class="log"></span></div>
            </div>
        </div>

        <div class="tab-content tab-body">
            <div class="tab-pane active" id="tab_1">

            <div class="resum"></div>
            <div class="compl"></div>

            </div>

            <div class="tab-pane" id="tab_2">

            <div class="resum"></div>
            <div class="compl"></div>

            </div>

            <div class="tab-pane" id="tab_3">

            <div class="resum"></div>
            <div class="compl"></div>

            </div>
        </div>
    </div>
</div>

我想知道的是，在活动类被更改后，是否有办法执行我的代码

干杯

在这个过程中

活动类将被删除

然后，活动类将附加到单击的元素上

这里我们使用了Timeout函数，它将在5秒后执行其余的代码

---

谢谢Mohit Kumar，但您的代码不完整（不过这让我走上了正确的道路）

代码如下：

    $('.list').click(function()
{
    $(".list").removeClass('active'); 
    $(this).addClass('active'); 
    var index = $(this).find('a').attr('href').substring(1);
    console.log(index);
    $(".tab-pane").removeClass('active'); 
    $('#'+index).addClass('active');

    if (! $('.tab-content .active .resum').hasClass('done'))
    {
        affichage( "Résumé" );
    }

    $('.tab-content .active .compl').addClass('hide');
    $('.tab-content .active .resum').removeClass('hide');

});

它改变了选项卡中的活动类&在包含我想要显示的内容的div中，最后一部分是代码中缺少的内容

---

无论如何，谢谢你，只要你编辑了你的答案，我就会将你的答案标记为答案，这样它就适合问题了。

你为什么需要设置超时？如果你把代码放在addClass之后，它将在类被添加后执行更改你的答案与我拥有的&我将把你的标记为答案^^在类被添加之前执行哪一个代码？为什么不能在添加类后放置代码？

 $(document).ready(function(){
    $(".nav li").click(function(){
        $(".nav li").removeClass('active'); //it will remove active class from all elements.
        $(this).addClass('active'); //this will activate active class on clicked element

     setTimeout(function() {
        //your code which you want to execute after active class.
    }, 5000); 

    });
});

    $('.list').click(function()
{
    $(".list").removeClass('active'); 
    $(this).addClass('active'); 
    var index = $(this).find('a').attr('href').substring(1);
    console.log(index);
    $(".tab-pane").removeClass('active'); 
    $('#'+index).addClass('active');

    if (! $('.tab-content .active .resum').hasClass('done'))
    {
        affichage( "Résumé" );
    }

    $('.tab-content .active .compl').addClass('hide');
    $('.tab-content .active .resum').removeClass('hide');

});