クリックした後に div の ID を URL に追加し、閉じるボタンをクリックした後に URL から削除します。

Question

div の ID を URL に追加する部分は完了しましたが、この speaker--card のクラス speakers--overlay-close をクリックした後はできません。ボタンを閉じた後に削除しないでください。

リーリー

いくつかの分割関数などをテストしましたが、機能せず、URL は同じままです - #id を使用します。

Answer 1

私は最終的に次のようなことをしましたが、これが正しいアプローチかどうかはわかりません:

リーリー

Answer 2

閉じるボタンは div 内にあるため、これをクリックするとイベントが伝播し、div のクリック イベント ハンドラーが実行され、再びハッシュが追加されます。イベントの伝播を停止するには、閉じるボタン イベント ハンドラーで event.stopPropagation() を呼び出し、URL からハッシュを削除します。

リーリー