前提
VScodeでHTMLとJavascriptを記述しています。
実現したいこと
VScodeを通してHTML内でJavascriptを読み込みたいです。
発生している問題・エラーメッセージ
HTMLファイルに記載したJavascriptの一部が、VScodeのLiveServerで自動読み込みする時だけブラウザに反映されないです。VScodeを通さないと反映されます。
該当のソースコード
HTML,Javascript
<body> <header id='header'></header> <script> $(function(){ $('#header').load('/underground/header.html'); }); </script> <!--ここから反映されない--> <select id='choice'> <option value="j">j</option> <option value="104">104</option> <option value="103">103</option> </select> <div id='comics'></div> <script> let element = document.getElementById('choice'); element.onchange = function(){ let comics2 = this.value; document.getElementById('comics').textContent = comics2; } </script> <!--ここまで反映されない--> ～中略～ <footer id='footer'> <script> $(function(){ $('#footer').load('/underground/footer.html'); }); </script> </body>
試したこと
前後に記載されたJavascriptは反映されます。
スーパーリロードをしても駄目でした。
補足情報（FW/ツールのバージョンなど）
Windows11 21H2 KB5019961
Google Chrome 107.0.5304.10
VScode 1.73.1
0 コメント