別のページからブートストラップタブへのリンクを与える方法

Question

別のページからnav-tabsへのリンクを与えたいと思います。私は、別のページからnav-tabsにアクセスしたいと言っています。私はあなたにそれに関する詳細な情報を提供します。

私のウェブサイトにはindex.htmlページとbusiness-listing.htmlという2つのページがあります。ビジネスリスティングのページでは、ナビゲーションタブを使用しました。そして、私はindex.htmlページからこれらのタブにアクセスしたいと思います。

リンクを設定する方法を教えてください。

コードが長すぎますので、ここには載せられません。

私はこのコードを使ってリンクを<a href="business-listing.html#tab-id">Link to Tab1</a>にしようとしていますが、動作しません。

Answer 1

この動作をさせるには、JavaScriptコードを記述する必要があります。ナビゲーションバーリンクをクリックすると、タブの切り替えが発生します。ような何か：

$(function() { 

    var tabId = window.location.hash; 

    $("#yourTabUl").find('a[href=' + tabId + ']').tab('show'); 

}); 

はTabLinksのあなたのul -elementのìdでyourTabUlを交換してください。 https://getbootstrap.com/javascript/#tabs