这应该相当简单,但不知何故不起作用。
我试图在引导选项卡事件的帮助下单击时更改列表组的活动类。
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
$(e.target).addClass('active'); // activated tab
$(e.relatedTarget).removeClass('active'); // previous tab
//alert ($(e.relatedTarget).attr('href'));
});
我可以向 e.target 添加类,但 e.relatedTarget 不起作用。有什么帮助吗?
<div class="list-group" id="MasterPageTabs">
<a href="#lv" class="list-group-item active" data-toggle="tab">Language Variations</a>
<a href="#hm" class="list-group-item" data-toggle="tab">Hotel Master</a>
<a href="#gm" class="list-group-item" data-toggle="tab">Generics Master</a>
</div>
如您所见,我没有为标签使用默认的 ul li 结构,而是使用带有 js 的 bootstrap 3 列表组作为标签。