プロパティー＄の値は未定義でFunctionオブジェクトではないというエラー

お世話になっています。
Djangoをあるサイトで読みながら実践しています
Base.htmlをたたき台にしてかきのimPression_List.htmlをコピペして実行しようとするとエラーが返ります。念のためビルダーで試すとプロパティー＄の値は未定義でFunctionオブジェクトではないと言われます
どこが間違いなのでしょうか

{% extends "base.html" %}

{% block title %}感想の一覧{% endblock title %}

{% block extrahead %}
<script>
$(function() {
  $('.del_confirm').on('click', function () {
     $("#del_pk").text($(this).attr("pk"));
     $('#del_url').attr('href', $(this).attr("url"));
  });
});
</script>
<style>
table {
  margin-top: 8px;
}
</style>
{% endblock %}

{% block content %}

使用OSはWin10,Django=1.10.6,Jquery-3.2.0.min.jsです
サイトは下記で勉強させていただいています（質問はしていますが返事がありません）
http://qiita.com/kaki_k/items/ebc8d8b07434e1721756
何回もやり直しながら繰り返していますが・・・・
出来ればご教授いただければすごく助かります。
よろしくお願いいたします

行動規範の内容に同意します

回答1件

Jquery-3.2.0.min.jsが正しく読み込まれていないのではないでしょうか。
Jquery-3.2.0.min.jsを読み込んでいる箇所のsrcパスを再確認してみてください。

投稿2017/04/12 01:33

Clor

総合スコア883

Casablanca_mtg

2017/04/12 03:27

ありがとうございます。Base.htmlでは指定できていますがこの部分は少し気にはなっていました {% load staticfiles %} <!DOCTYPE html> <html lang="{{ LANGUAGE_CODE|default:"en-us" }}"> <head> <meta charset="UTF-8"> <title>{% block title %}My books{% endblock %}</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet"> <link href="{% static 'css/bootstrap-theme.min.css' %}" rel="stylesheet"> <script src="{% static 'js/jquery-3.2.0.min.js' %}"></script> <script src="{% static 'js/bootstrap.min.js' %}"></script> {% block extrahead %}{% endblock %} </head> <body> <div class="container"> {% block content %} {{ content }} {% endblock %} </div> </body> </html> 本当にインストールできているのか？一抹の不安はあります

Casablanca_mtg

2017/04/12 04:17 編集

多分ここがネックだと思います。ここからダウンロードして貼り付けただけですから jQuery - http://jquery.com/ (v2.2.0)→http://jquery.com/→jquery-3.2.0.min.js scripterrorが出ていますからinstallができていないのかもしれません

Casablanca_mtg

2017/04/12 06:36

jquery3.2.0.jsが読み込めない理由は何なのでしょうか？ http://getbootstrap.com/（v3.3.6）をダウンロードしてbootstrap-3.3.7-distを名前を変更して（static) mybookの下に置きmybook/ static/ css/ bootstrap-theme.css bootstrap-theme.css.map bootstrap-theme.min.css bootstrap-theme.min.css.map bootstrap.css bootstrap.css.map bootstrap.min.css bootstrap.min.css.map fonts/ glyphicons-halflings-regular.eot glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff glyphicons-halflings-regular.woff2 js/ bootstrap.js bootstrap.min.js npm.js jquery-2.2.0.min.js→jqueryをダウンロードして jquery-3.2.0.min.jsとしました。このやり方が間違っているのでしょうか？？やり直しをもうすでに10回ぐらい繰り返していますよきアドバイスをお願いします

行動規範の内容に同意します