Html Can'；无法获取要执行的jquery函数

就我的一生而言，我不明白为什么我不能在我的

HTML

中运行

JQuery

函数

我有这个

HTML

文件和这个简单的

JQuery

“click”函数，我一直在使用它来测试事情是否正常：

{% extends "home/home-base.html" %}
{% load static %}

{% block js-sub %}
  <script>
    $(".like").click(function(){
      console.log("this worked")
    });
  </script>

  <script>
    if (typeof jQuery === 'undefined') {
      console.log("NOPE")// jQuery is NOT available
    } else {
      console.log("WORKING")// jQuery is available
    }
  </script>
{% endblock js-sub %}

{% block home %}
  {% for post in posts %}
        <div class="card-body">
          <h5 class="card-title"><a href="{% url 'post-detail' post.id %}">{{ post.title }}</a></h5>
          <p class="card-text">{{ post.content }}</p>
          <div class="btn-group" role="group">
            <button type="button" class="like" >Like</button>
          </div>
        </div>
  {% endfor %}
{% endblock home %}

{%extends“home/home base.html”%}
{%load static%}
{%block js sub%}
$（“.like”）。单击（函数（）{
log（“这起作用”）
});
if（typeof jQuery==‘未定义’）{
console.log（“NOPE”）//jQuery不可用
}否则{
console.log（“WORKING”）//jQuery可用
}
{%endblock js sub%}
{%block home%}
{posts%%中的post为%s}
{{post.content}
喜欢
{%endfor%}
{%endblock home%}

我试图用“Like”类调用“Like”按钮，但似乎无法在单击时将任何内容发布到控制台

我添加了

if

函数，只是为了确保JQuery已加载，并且每次加载页面时都会在控制台上显示“正在工作”

我也尝试过直接在控制台中输入相同的“单击”功能，然后它就可以工作了

知道我做错了什么吗

非常感谢你的帮助

请尝试以下操作：

$(".like").click(function(){
    console.log("this worked")
});

jQuery中缺少类选择器

编辑：

尝试将

脚本块

移动到文件的底部，因为您可以在like按钮准备就绪之前绑定事件，并尝试以下方法：

{% extends "home/home-base.html" %}
{% load static %}
{% block home %}
  {% for post in posts %}
        <div class="card-body">
          <h5 class="card-title"><a href="{% url 'post-detail' post.id %}">{{ post.title }}</a></h5>
          <p class="card-text">{{ post.content }}</p>
          <div class="btn-group" role="group">
            <button type="button" class="like" >Like</button>
          </div>
        </div>
  {% endfor %}
{% endblock home %}
{% block js-sub %}
  <script>
    $(".like").on('click', function(){
      console.log("this worked")
    });
  </script>

  <script>
    if (typeof jQuery === 'undefined') {
      console.log("NOPE")// jQuery is NOT available
    } else {
      console.log("WORKING")// jQuery is available
    }
  </script>
{% endblock js-sub %}

{%extends“home/home base.html”%}
{%load static%}
{%block home%}
{posts%%中的post为%s}
{{post.content}
喜欢
{%endfor%}
{%endblock home%}
{%block js sub%}
$（“.like”）。在（'click'，function（）上{
log（“这起作用”）
});
if（typeof jQuery==‘未定义’）{
console.log（“NOPE”）//jQuery不可用
}否则{
console.log（“WORKING”）//jQuery可用
}
{%endblock js sub%}

$（“like”）应该$（“.like”）缺少选择器中的句点。对不起，我的实际文件中有类选择器。一定是在写文章的时候把它删掉了。我回去更新了。对不起，是的，我的文件里就是这样的。我将编辑post是否缺少类选择器？不，我的实际HTML文件有类选择器，它不工作。这只是postOK中的一个错误，因此不起作用，但我尝试将

脚本
标记移到底部（就在
enblock
之前），结果成功了。知道发生了什么吗？明白了。谢谢大家！