Bootstrap导航栏获取数据并更改活动选项卡

Question

我有一个非常常见的用例，我左边有一个垂直导航栏（Home，Profile as nav选项）。默认情况下，Home为active（以蓝色突出显示）。

但是，当我点击“个人资料”时，我需要获取/个人资料页面并更改活动标签。

我对如何实现这一点很困惑。我不想在所有html页面上复制导航栏html标签。我想在一个单独的HTML（layout.html）中使用逻辑。

但是，如果有逻辑，则很难更新活动标签并远程获取内容。

任何帮助都将不胜感激。

Answer 1

当标签处于活动状态时，U具有特定事件。 请参阅http://www.w3schools.com/bootstrap/bootstrap_ref_js_tab.asp

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  var target = $(e.target).attr("href") // activated tab
  alert(target);
  //fetch the data through ajax
});