0

ページにいくつかのタブ付きコンテンツがあり、各タブには ID (#tab1、#tab2 など) があります。タブをクリックすると、タブ ID #tab1 がページの URL に追加され、www.mysite.com/product.php#tab1 のようになります。

ユーザーがブラウザまたはマウスの戻るボタンをクリックすると、実際には同じページに戻っているが、URL に #tab1 がなく、2 回目のクリックの後にのみ、前のページに戻るため、1 回目は何も起こりません。で。

この問題にはどのような回避策がありますか? 実際には、タブをクリックすることをお勧めします。そもそも #tab1 が URL に追加されていませんでした。

ここにいくつかのコードがあります:

<a href="#tab_information">Click for information</a>
<a href="#tech_specs">Tech Specifications</a>

<div id="tab_information" class="tabcontent">tab 1 content</div>
<div id="tech_specs" class="tabcontent">tab 2 content</div>
4

1 に答える 1

0

URL からハッシュ文字列を削除します。

window.onhashchange = function(){
  window.location.hash = "";
}
于 2012-09-19T14:35:47.230 に答える