前提・実現したいこと
htmlのハッシュフラグメントを利用して(urlの最後に#1 がつくみたいな)1ページ目2ページ目とページ遷移する仕組みを実装したいと考えています。
発生している問題・エラーメッセージ
リンクをクリックしてもページ遷移できません。ブラウザに表示されるurlはリンク先のものに変わるのですがページが変わりません。リンクをクリックしてf5ボタンなどを押して手動でリロードするとリンク先のページにかわります。
該当のソースコード ファイル名:slide_show.html
HTML
1 <li class="nav-item m-3" id="next_li"> 2 <a class="nav-link active" href=""> 次の10件へ »</a> 3 </li> 4
###ソースコード
js
1let page = 1; 2 $("#next_li").html('<a href="slide_show.html#' + (page + 1) + '">次の10件へ »</a>'); 3 4
試したこと
ここに問題に対して試したことを記載してください。
###注記
ブラウザを開いて要素を調査などでhtmlのコードを確認すると飛びたいリンク先のリンクにaタグが書き換わっていました。