2016-03-26 12 views
1

href="#modal-i"のアンカータグにリンクされたid="modal-i(ここではiは任意の数値)のモーダルを開くリンクを持つページがあります。これは正常に動作し、リンクをクリックすると関連するモーダルがポップアップし、href="#"のリンクがクリックされるとモーダルが消えます。JavaScriptでハッシュの位置を隠す

ハッシュ位置を隠す方法があるのですが、モーダルを開いたままにする方法があるのだろうかと思いましたか?基本的にはすべてを同じにしておき、URLにハッシュを隠すだけです。

私はハッシュがURLであるため、モーダルがポップアップ表示されます唯一の理由があることを知っているが、それが可能だった場合、それはすべてが非常にきれいになるだろうとして、まだ、迷って。

回答を検索しましたが、ページリロードのないハッシュロケーションを削除する方法を尋ねる質問がありました。

ご協力いただきありがとうございます。

答えて

2

即座に削除することができます。

あなたのページにこのどこかを入れて:

<script> 
document.body.onload = function() {updateurl()}; 
function updateurl(){ 

window.history.replaceState(window.location.hostname, "Sample Title", window.location.pathname); 
} 
</script> 

をあなたがする必要があるすべてはあなたが好きに変更し、「サンプル・タイトル」です。

幸運

+0

申し訳ありませんが、私は完全に理解できません、pageTitleとパスは何を表していますか? –

+0

もwww.example.caはドメインだろう...あなたは/index.htmlがまたはそこに何でも... PAGETITLEはあなたが一番上にあるタブに表示したいものであるを入れていけない....と/sample/path.htmlは、あなたのファイルのパスを/index.html ....に置くか、あなたのコンピュータからファイルをホストしていますか? –

+0

私は自分の問題を正しく説明したとは思わない。わかりましたので、私はハッシュに従って開くモーダルを持って、あなたはここでhttp://s.codepen.io/samirc/debug/bVLXPV –

関連する問題