URL ハッシュを使用して特定のタブでページを開く
P粉317679342
P粉317679342 2023-09-04 14:33:50
0
1
485

確かに、私はハッシュに慣れていないので、これについて少し迷っていますが、これが私の問題の解決策になるかもしれないと思うので、ここにいる誰かがもう少し洞察を持っていることを願っています。複数の「タブ」(ボタンをクリックするまで情報を隠す div と、ボタンをクリックするまで他のすべての情報を隠す div) を持つ Web ページがあり、別の Web ページから特定のタブを開くことができるようにしたいです.< ;/p>

これは前の Web ページのスケルトンです。定期的にページに移動すると、デフォルトで最初の div が表示されます。

コンテンツ

このページには、これらの div を切り替えるためにクリックできるボタンがあります。

  

これらを切り替えるための JavaScript は次のとおりです:

function CommissionType(evt, CommissionName) { var i,commissiontab; var x = document.getElementsByClassName("手数料"); for (i = 0; i < x.length; i ) { x[i].style.display = "なし"; } コミッションタブ = document.getElementsByClassName("コミッションタブ"); for (i = 0; i < x.length; i ) { Commissiontab[i].className = Commissiontab[i].className.replace("選択済み", ""); } window.scrollTo({ トップ: 0, 動作: 'スムーズ' }); evt.currentTarget.className = "選択済み"; document.getElementById(commissionName).style.display = "グリッド"; }

どういうわけか、これらのボタンを別のページ (「index.html」) に配置したいのですが、「3 番目」をクリックすると、代わりに新しいページ (「commissiontypes.html」) に移動します。デフォルトの「最初」。

ハッシュの使用以外に他の解決策がある場合は、ぜひお聞きしたいです。詳しく見ていただきありがとうございます。

P粉317679342
P粉317679342

全員に返信 (1)
P粉492959599

'commission'クラスを使用して最初はすべての要素を非表示にし、その後、location.hashに基づいてページが読み込まれるときにそのうちの 1 つだけを表示することができます。このようにして、commissiontypes.html (および Commissiontypes.html#first) は最初の div を表示し、commissiontypes.html#second は 2 番目の div を表示します。

リーリー

(あるいは、このセクションを示すためにクエリ パラメーターを使用することも検討できます。)

いいねを押す+0
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!