Not Found: /menu.jsとエラーが出ました。
http://it-challe.com/drill-down-menu/
を見ながらHTMLにjQueryを埋め込むことをしています。
appファイルの中にtemplates フォルダがあって
その中にindex.htmlがあります。
またappファイルの中にはmenu.jsがあって、そこにHTMLに埋め込みたいjQuerの内容が書いてあります。
index.htmlには

<html>
  <head>
 <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
  <script src="menu.js"></script>
 </head>
 <body>
 <div class="list-menu">
  <ul class="menu menu-parent">
    <li>
      <a class="menu-item">食事・デザート<i class="fa fa-chevron-right"></i><span class="post-count">(5)</span></a>
      <ul class="menu-child">
        <li>
          <a class="menu-item">肉料理<i class="fa fa-chevron-right"></i><span class="post-count">(3)</span></a>
          <ul class="menu-child">
            <li><a href="#">ステーキ</a></li>
            <li><a href="#">すき焼き</a></li>
            <li><a href="#">焼き鳥</a></li>
          </ul>
        </li>
        <li>
          <a class="menu-item">デザート<i class="fa fa-chevron-right"></i><span class="post-count">(2)</span></a>
          <ul class="menu-child">
            <li><a href="#">ケーキ</a></li>
            <li><a href="#">プリン</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <li>
      <a class="menu-item">旅行<i class="fa fa-chevron-right"></i><span class="post-count">(1)</span></a>
      <ul class="menu-child">
        <li>
          <a>海外旅行</a>
        </li>
        <li>
          <a class="menu-item">国内旅行<i class="fa fa-chevron-right"></i><span class="post-count">(1)</span></a>
          <ul class="menu-child">
            <li><a href="#">いちご狩り</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <li>
      <a>ビジネス</a>
    </li>
  </ul>
</div>
</body>
</html>

と書いて
menu.jsには

$(function() {
  // メニュータップ時
  $('.menu-item').on('click', function() {
    // タップしたメニューの下層メニュー
    var child = $(this).next('.menu-child');
    // 表示領域の高さを下層メニューの高さに調整
    $('.list-menu').height(child.height());
    // アニメーションの終点にCSSを切り替えてスライドさせる
    child.addClass('is-active');
  });
 
  // １つ上の階層に戻るメニューを各下層メニューに自動追加
  $('.menu-child').prepend('<li class="menu-back"><a>１つ戻る<i class="fa fa-chevron-left"></i></a></li>');
 
  // １つ上の階層に戻るメニューをタップしたとき 
  $('.menu-back').on('click', function() {
    var parents = $(this).parent();
    // アニメーションの終点を削除して始点に切り替えてスライドさせる
    parents.removeClass('is-active');
    // 表示領域の高さを１つ上の階層の高さに戻す
    $('.list-menu').height(parents.parent().parent().height());
  });
});

と書いています。
何が問題なのでしょうか？ <script src="./menu.js"></script>の部分を<script src="menu.js"></script>にしても両方同じくindex.htmlの内容が表示されただけでした。
フォルダ構成は

testapp (親アプリ）
-app (子アプリ）
 -templates （フォルダ）
  -menu.js / index.html

のようになっています。

x_x

2017/09/22 05:56

appはフォルダではなく、ファイルなのですか？

退会済みユーザー

2017/09/22 05:58

appはフォルダです。間違えました！

x_x

2017/09/22 06:03

jQueryを読み込む記述がないようですが、どのようにしているのでしょうか？

退会済みユーザー

2017/09/22 06:08

<html> タグの下に、<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="./menu.js" ></script>　と書きました。

m.ts10806

2017/09/22 06:15

フォルダ構成と構造を提示し、Webのルートフォルダを教えてください。

m.ts10806

2017/09/22 06:22

あと、通常htmlの本文は<body>～</body>の内部に書くものですが、そこは問題ないですか？

退会済みユーザー

2017/09/22 06:25

フォルダ構成と構造を質問文に追記しました。Webのルートフォルダとはなんのことでしょうか？localhost:8000とかですか？

m.ts10806

2017/09/22 06:40 編集

localhost:8000が表示しているフォルダです。もっといえば、index.html ←このファイルが実行されているフォルダ。　例：public/ とか　htdocs/　とか　www/　とか。ご提示の内容そのままだとmenu.jsという名称のフォルダになってしまいますが、その通りですか？

m.ts10806

2017/09/22 06:40

htmlも全文ご提示いただいたほうが良いように思います。

退会済みユーザー

2017/09/22 06:53

app/　です。localhost:8000/app/　でアクセスしています。

退会済みユーザー

2017/09/22 06:53

htmlを全文記載しました。

退会済みユーザー

2017/09/22 06:59

ちなみに、Google の検証のConsoleにばつ印のついたGET http://xxx:8000/app/templates/menu.js が出ていてこれってもしかしてjquery の記述が正しくないということでしょうか？

m.ts10806

2017/09/22 07:04 編集

「localhost:8000/app/」となるとそのひとつ上のフォルダがWebルートになります。ご提示のフォルダ構成が見づらいですが「testapp」かな？フォルダ構成をもう少し正確に表現することはできますか？というか、app/ にアクセスしていてapp/templates/index.htmlが表示されるということは何かしらのフレームワークをお使いでしょうか？

m.ts10806

2017/09/22 07:04

「Google の検証のConsoleにばつ印」HTMLから参照できていない（パスが正しくない）ということですね。URL直打ちでアクセスできなければパスが正しくないということです。

m.ts10806

2017/09/22 07:06

chromeなどであれば「ソースを表示」でjsファイルにリンクがあると思いますが、それをクリックして中身が表示されなければパスが違うということになります。

退会済みユーザー

2017/09/22 07:11

はい、testapp　が　Webルートです。はい、PythonのDjangoでviewの部分を構築しています。

退会済みユーザー

2017/09/22 07:12

ソースを表示でjsファイルのリンクをクリックしましたが、Page not found (404)　と出ました。やはりパスが間違っているようです。