ブートストラップnavbarがデータを取得してアクティブなタブを変更する

Question

私は、左側に垂直方向のナビゲーションバーを持っている（ホーム、プロファイルとしてnavオプション）非常に一般的な使用例があります。デフォルトでは、ホームはactive（青色で強調表示されています）です。

しかし、「プロファイル」をクリックすると、プロファイルページを取得してアクティブなタブを変更する必要があります。

これを実装する方法は混乱します。私はすべてのhtmlページにnav bar 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 
});