当点击活动标签页时，关闭活动标签页内容 - 推特引导

Question

我正在使用twitter引导程序，我希望活动标签页内容在点击活动标签页时关闭。

我使用此代码，但是这是行不通的：

$('#myTab a').click(function (e) { 
    if ($(this).parent('li').hasClass('active')) { 
     $($(this).attr('href')).removeClass('active'); 
     $(this).parent('li').removeClass('active'); 
    } else { 
     e.preventDefault(); 
     $(this).tab('show'); 
    } 
}); 

Answer 1

这是工作，但不完全。我编辑bootstrap.js和与此一

 $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { 
    e.preventDefault(); 
     if($(this).parent('li').hasClass('active')){ 

     $($(this).attr('href')).removeClass('active'); 
     $(this).parent('li').removeClass('active'); 
     if ($(this).parent('.dropdown-menu')) { 
       $(this).closest('li.dropdown').removeClass('active') 
      } 
     } 
     else { 
      e.preventDefault(); 
      $(this).tab('show'); 
     } 
     }) 

替换此

$(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { 
    e.preventDefault() 
    $(this).tab('show') 
    }) 

但我也想，如果下拉选项卡的子菜单是活动的，当我点击下拉列表选项卡上，类“活动“应从该下拉选项卡中删除，这是子菜单选项卡内容。

对不起，对英文不好。

Answer 2

这适用于我。删除“活动”类做的更好

$('#myTab a').click(function (e) { 
    if($(this).parent('li').hasClass('active')){ 
    $(this).removeClass('active') 
    $($(this).attr('href')).removeClass('active'); 
    } 
    else { 
    e.preventDefault(); 
    $(this).tab('show'); 
    } 
}); 

您可以点击此处查看http://jsfiddle.net/tekbreak/NQ97h/182/

但是，如果你需要它出现在每个选项卡中选择，使用jQuery选择

$('a[data-toggle="tab"]').click(...