JS Bootstrapタブ付きパネル、クリック時にURLをロード

Question

私は、ボタンをクリックするだけでタブを表示するのではなく、ブートストラップタブパネルを取得しようとしています。 「オフィス」タブをクリックするとページがリロードされ、＃オフィスタブが表示されます。私はそれがすべて働いている...ページリロードを除いて。それは決して発火しません。

https://codepen.io/anon/pen/QOqrvY

Answer 1

ます：Codepen更新

HTML

<div> 
    <!-- Nav tabs --> 
    <ul class="nav nav-tabs" role="tablist"> 
    <li role="presentation"> 
     <a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a>  </li> 
    <li role="presentation" class="active"> 
     <a id="office" href="#office" aria-controls="profile" role="tab" data-toggle="tab">Office</a> 
    </li> 
    </ul> 

    <!-- Tab panes --> 
    <div class="tab-content"> 
    <div role="tabpanel" class="tab-pane" id="home">Home</div> 
    <div role="tabpanel" class="tab-pane active" id="office">Office</div> 
    </div> 

</div> 

JS

jQuery("#office").click(function(e){ 
      console.log("clicked") 
      e.preventDefault(); 
      window.location.replace = "http://www.myurl.com#office"; 
      console.log("after") 

      return false; 

     }); 

https://jsfiddle.net/zxLt5z2r/

falseを返し、preventDefault（）も呼び出します。

また

jQuery("#office").click(function(e){ 
      console.log("clicked") 
      window.location.href = "http://www.myurl.com#office"; 
      console.log("after") 
     }); 

、window.location.href = "http://example.com/new_url";

Answer 2

Location.replaceを（使用）は、パラメータとしてURLを取る関数です。

試してみてください。

window.location.replace("http://www.myurl.com#office");