javascript - Bootstrap で Tabular メニューを選択すると、親リンクに戻ります

Question

私のプロジェクトは、このローカル リンクでセットアップされます。

ローカルホスト:12345/index.html#/BookCollection

このページには、Bootstrap の 3 つのタブ コンポーネントがあります。最近、過去、今後

これらのタブのいずれかをクリックすると、次のページに戻ります。

ローカルホスト:12345/index.html#/

それが想定されていたのに対し：

ローカルホスト:12345/index.html#/BookCollection#Recent

他の 2 つのタブ リンクは次のとおりです。

localhost:12345/index.html#/BookCollection#過去

ローカルホスト:12345/index.html#/BookCollection#UpComing

以下のリンク構造を変更することは許可されていません。

ローカルホスト:12345/index.html#/BookCollection

これは私が使用している Bootstrap コンポーネントです:

 <ul class="nav nav-tabs">
      <li class="active"><a data-toggle="tab" href="#Recent">Recent</a></li>
      <li><a data-toggle="tab" href="#Past">Past</a></li>
      <li><a data-toggle="tab" href="#UpComing">UpComing</a></li>
 </ul>

<div class="tab-content">

 <div id="Recent" class="tab-pane fade in active">
   <h3>Recent Books</h3>
   <p>Some content.</p>
 </div>

 <div id="Past" class="tab-pane fade">
  <h3>Past Books</h3>
  <p>Some content in Past Books.</p>
 </div>

 <div id="UpComing" class="tab-pane fade">
  <h3>UpComing books</h3>
  <p>Some content in UpComing books.</p>
 </div>

</div>

また、Bootstrap の Tabs コンポーネントが機能する必要があります。

どうすれば修正できますか？