タブ付きコンテンツを含むページを作成しようとしています。Foundation タブ (http://foundation.zurb.com/docs/tabs.php) を使用しています。
要素の外側にリンクを作成しましたが、<dl></dl>のみを使用すると機能しません<a href="#simple5">。ページをリロードするためにJavaScriptを試しました<a href="#simple5" onClick="window.location.reload( true );">が、どちらも機能しません。
どうすれば続行できますか？
クリック時に JS を呼び出すと、デフォルト アクションの前に実行されます。ハッシュタグなしでページをリロードします。
JS で ID を追加してみてください:<a href="#" onClick="window.location = '#simple5'; window.location.reload(true);">
et 関数を使用して、ID を動的に取得することもできます。
私の悪い英語でごめんなさい。^-^
手動で実行する必要はありませんlocation.reload。新しいハッシュに移動すると、ページをリロードせずに URL が更新されます。DOM 内の要素に ID があるsimple5場合、ブラウザはその要素までスクロールします。
また、手動でハッシュ変更イベントを確認し (または、そのイベントをサポートしていないブラウザーの場合は URL の変更を繰り返し確認します)、特定のタブに切り替えるなどのアクションを実行することもできます。
これは、タブ間の切り替えをブラウザの履歴に反映させたい場合です。ブラウザーの履歴にマーカーを残したくない場合は、代わりにリンクのクリックを傍受しhref、表示するタブのインジケーターとして使用するために を抽出し、タブの変更を実行して、ブラウザーがリンクをたどらないようにする必要があります。 (実際のハッシュ変更が発生しないように)