4

タブ ナビゲーションを構築しましたが、ハッシュ # の URL を使用して特定の div にアクセスしようとすると、セクションに固定されます。自動固定を防ぐ方法はありますか? これは FF と IE で発生していますが、Safari では発生していません。

私のコードは次のようになります。
JS:

$("#header").tabs({ fx: { opacity: 'toggle' } });

HTML:

<div id="header">
<ul id="navigation">
    <li><a href="#debt" class="debt">Debt</a></li>
    <li><a href="#car" class="car">Car</a></li>
    <li><a href="#home" class="home">Home</a></li>
    <li><a href="#travel" class="travel">Travel</a></li>
</ul>
<div id="debt">xxx</div>
<div id="car">xxx</div>
    <div id="home">xxx</div>
<div id="travel">xxx</div>
</div>
4

1 に答える 1

2

お気付きのように、最新のブラウザは「#」に続く文字列をアンカーとして解析します。

実際には2つの解決策があります:

  1. URL にハッシュを使用しないでください

また

  1. タブの名前を変更します。(car_tab、debt_tab など)

タブの名前を変更する場合は、ハッシュ URL を保持し、JS を追加して正しいタブを表示できます。

于 2011-05-26T05:34:44.730 に答える