jquery - JQuery ツール: タブ - 外部リンクの難問からタブ付きコンテンツをターゲットにする

Question

ホームページのタブ付きコンテンツ用に、ワードプレスでhttp://cdn.jquerytools.org/1.2.7/all/jquery.tools.min.jsを実装しています。しかし、ホームページ自体以外の特定のタブをターゲットにすることに問題があります。サイトのどのページからでも簡単にアクセスできるように、ヘッダー セクションにタブ付きメニューをロードしましたが、アドレス バーに正しい # ターゲットが表示されていても、3 つのリンクはすべてデフォルトで #first div コンテンツに設定されています。私はJQueryを頭の中で呼び出しておらず、タブ付きのコンテンツが存在するホームページでのみ呼び出しています。

これがhome.phpの私のコードです

  <div>
<div class="panes">
                <div id="first">

                </div>
                <div id="second">

                </div>
                <div id="third">

                </div>
</div>
<script>
                jQuery(function() {
                jQuery("ul.tabs").tabs(".panes > div", {effect: 'fade'});
                </script>
</div>

これが私の functions.php ファイルの外部のメニューです

echo '<div id="custom-nav">';
                echo  genesis_do_nav();
                echo '<div id="header-tab-wrap">
                    <ul class="tabs">
                        <li>
                            <a id="t1" href="http://www.site.net/#first">Home</a>
                        </li>
                        <li>
                            <a id="t2" href="http://www.site.net/#second">Aero Systems Engineering</a>
                        </li>
                        <li>
                            <a id="t3" href="http://www.site.net/#third">Aero BridgeWorks</a>
                        </li>
                    </ul>
                </div>';
            echo '</div>';