マウスカーソルを移動した後、以前にアクティブなnav-tabを覚えて表示しますか？

Question

すべてのメインタブ（nav-tabs）の下にサブタブ（nav-pills）はほとんどありません。そして、私はホバリングの後にアクティブメインタブに戻る間にメインタブ上にマウスを置いてそれらを表示したい。

私はホバーのためにjqueryを書いていますが、以前のアクティブなタブに戻る方法はわかりません。マウスホバーでは、最後にホールドされたタブはアクティブのままです。 私のコードは、あなたがあなたがホバリング完了したら、あなたの以前の状態をリコールするためにクラスを使用する必要がありますどこ

$('.nav-tabs > li > a').hover(function() { 
     //$($(this).attr('href')).show(); 
     $(this).tab('show'); 
    }, function() { 
     // debugger; 
     //if ($(this).hasClass('active')) {   //if ($(this).parent('li').hasClass('active')) { 
     // $($(this).attr('href')).show(); 
     //} 
     //else { 
     // $($(this).attr('href')).hide(); 
     //} 
    }); 

Answer 1

以下の通りです。

$('.nav-tabs > li > a').hover(function() { 
    $('.nav-tabs > li.active').addClass('lastActive'); 
    $(this).tab('show'); 
}, function() { 
    $('.nav-tabs > li.lastActive').removeClass('lastActive').children('a').tab('show'); 
}); 

また、lastActiveクラスを削除するclickイベントを追加する必要があります。

$('.nav-tabs > li > a').click(function() { 
    $('.nav-tabs > li.lastActive').removeClass('lastActive'); 
    $(this).tab('show'); 
}); 

このような何か:)