当点击活动标签页时,关闭活动标签页内容 - 推特引导
问题描述:
我正在使用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');
}
});
答
这是工作,但不完全。我编辑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')
})
但我也想,如果下拉选项卡的子菜单是活动的,当我点击下拉列表选项卡上,类“活动“应从该下拉选项卡中删除,这是子菜单选项卡内容。
对不起,对英文不好。
答
这适用于我。删除“活动”类做的更好
$('#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(...
这没有按”对我来说没有意义..你能发布HTML吗? – ZimSystem 2013-05-15 00:12:01