bootstrap Tab 選項卡切換，刷新頁面后保持當前選中狀態

bootstrap 選項卡 tab 切換功能是通過 #field 完成切換的，當選擇另外一個選項卡並刷新頁面后，如何讓頁面直接顯示當前已選中的狀態？這里介紹一種實現方法。

1. 首先，當點擊 tab 選項卡時，用 js 將當前的 #field 標識追加到地址欄

   $('.nav-tabs a').on('shown.bs.tab', function (e) {
     history.pushState(null,null, e.target.hash);
     // location.hash = this.getAttribute("href");
   });
   

2. 然后，當刷新頁面時，獲取地址欄 #field 標識，渲染 tab 選中狀態

   var hash = window.location.hash;
   if (hash) {
     $('.nav-tabs a[href="' + hash + '"]').tab('show');
   }
   

   至此，功能完成。