ブートストラップタブ：Wordpressの別のページにある特定のタブに移動

私はブートストラップを使って静的サイトを作成します。私のホームページには、別のページの特定のタブにリダイレクトするためのリンクがあります。私はこのスクリプトコードを使用して、それはブートストラップ静的HTMLページで完璧に動作します。 Htmlのブートストラップタブ：Wordpressの別のページにある特定のタブに移動

でコードJS

で

$(function() { 
    var hash = window.location.hash; 

    hash && $('ul.nav a[href="' + hash + '"]').tab('show'); 
});

コード

<a href="tyres.html#menu7">

それは完璧に動作し、タブmenu7をtyre.htmilするページにリダイレクトされます。

一度私は、WordPressのテーマにHTMLを移動すると、この関数は、PHPで適切に動作しません。特定のタブではなくページにリダイレクトするだけです。私はワードプレス

<a href="tyres#menu7">

と

<a href="tyres.php#menu7">

のホームページのPHPで試してみました

コードは、私はIDに固定リンク名を交換する必要がありますか？または私はPHPで使用する必要がある正しいフォーマットは何ですか？ JSコードを変更する必要がある場合はどうしたらいいですか？

おかげ

出典

2017-05-28 Shiliang Fang

代わりにこれを使用してみてください）。このようなアンカータグで機能して、宛先ページのタブをリダイレクトして開きます。

<a href="<?php echo site_url(); ?>/your-page#tab-hash">

出典

2017-05-28 08:20:40 vatshpatel

お返事ありがとうございますが、「Object not found！」と表示されます。これは私のウェブサイトを完成させるために狂った部分だけです、そうでなければ私はデザインを変更する必要があります... –

私はそれがPHPまたはWordPressのURLで動作するスクリプトコードの何かが間違っていると思う、あなたが私を確認してください助けることができる –

しかし、それはページに行くだけですが、正しいタブには行きません。 –

は（ワードプレスSITE_URLを使用してみてください

<a href="/tyres/#menu7" data-toggle="tab">

出典

2017-05-28 01:33:58

ありがとうございますが、リンクはもう開きません。 –

ブートストラップタブ：Wordpressの別のページにある特定のタブに移動

答えて

関連する問題