外部リンクを使用して特定のブートストラップ タブをターゲットにし、リロード時に選択を保持するにはどうすればよいですか?

外部リンクで特定のブートストラップ タブをターゲットにする

クエリ:

クリックしたときに特定のブートストラップ タブに移動するにはどうすればよいですか外部リンク上で、ページ上で目的のタブがアクティブなままであることを確認しますreload?

答え:

この機能を実現するには、次の JavaScript コードを実装します:

// Javascript to enable link to tab
var hash = location.hash.replace(/^#/, '');  // ^ means starting, meaning only match the first hash
if (hash) {
    $('.nav-tabs a[href="#' + hash + '"]').tab('show');
}

// Change hash for page-reload
$('.nav-tabs a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
})

説明:

1. ハッシュ: 現在の URL からハッシュ (「#」に続く部分) を取得します。
2. タブのアクティブ化: ハッシュに一致するタブ リンクを検索し、それに切り替えます。 show.
3. リロード時にハッシュを保持する: タブが開いたときに URL ハッシュを更新しますページのリロード時にアクティブなステータスが維持されることが示されています。

以上が外部リンクを使用して特定のブートストラップ タブをターゲットにし、リロード時に選択を保持するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。