jqueryの.loadが機能しない。

Question

script(indexのhead内に記載)

<script src="jquery/main.js"></script>(本体) <script type="text/javascript"> $(function() { $('#menubox').load('menubox.html'); }); </script>

読み込ませたい場所(indexのbody内に記載)

<div id="menubox"></div>

読み込ませたい外部html(indexと同じディレクトリに存在、menubox.html)

<ul id="menu"> <li><a href="about.html">aaa</a> <ul class="sub"> <li><a href="hello.html">bbb</a></li> </ul> </li> </ul>

正常に機能すると思われるのですが、機能しません。（#menuboxが抜けます。）
何故でしょうか。回答よろしくお願い致します。

補足
ブラウザはfirefox69.0.3です。

Answer 1

とくに問題があるようにはみえませんが・・・

• mypage.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
  $('#menubox').load('menubox.html');
});
</script>
<div id="menubox"></div>

• menubox.html

<ul id="menu">
<li><a href="about.html">aaa</a>
<ul class="sub">
<li><a href="hello.html">bbb</a></li>
</ul>
</li>
</ul>

Comments

[退会済みユーザー]

回答ありがとうございます。私もどこに問題があるのかわかりません。jqueryの読み込みを<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>に変更してやってみましたが変わりませんでした。他のブラウザでやっても変わりませんでした。

Answer 2

理由はよくわかりませんが、chromeではウェブ上からのjavaでのローカルファイルへのアクセスが禁止されているらしいとの事でした。私はchrome以外のモダンブラウザでも試しましたが、それらも駄目でした。bracketsのプレビュー機能を使って確認した所、正常に機能しました。またサーバーにアップロードしても正常に機能しました。
ありがとうございました。