JQuery 不工作：未捕获的 ReferenceError：JQuery 未定义

【问题标题】：JQuery is not working: Uncaught ReferenceError: JQuery is not defined | Wordpress [closed]JQuery 不工作：未捕获的 ReferenceError：JQuery 未定义 | WordPress [关闭]
【发布时间】：2022-01-21 20:34:24
【问题描述】：

我希望在单击提交按钮时收到警报，但在页面加载时出现错误：Uncaught ReferenceError: JQuery is not defined 我是前端开发的初学者，正在尝试学习javascript和JQuery，有人可以帮忙解决吗？还有什么问题？

html代码：

<section>
  <div>
    <div class="row text-center">
      <div class="col-sm-12 text-center">
        <div class="row">
          <div class="col-sm-8 col-sm-offset-2">
            <div>
              <h2>CONTACT US</h2>
            </div>
            <form id="contactForm">
              <input type="hidden" data-form-email="true">
              <div class="form-group">
                <input type="text" class="form-control" name="name" required="" placeholder="Name*" data-form-field="Name">
              </div>
              <div class="form-group">
                <input type="email" class="form-control" name="email" required="" placeholder="Email*" data-form-field="Email">
              </div>
              <div>
                <input type="submit" id="submit" name="submit" class="btn btn-lg btn-danger">
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

脚本：

<script>
    JQuery('#contactForm').submit(function(){
    event.preventDefault();
    alert('Working');
    });
</script>

当我检查页面来源时：

<script src='https://yourdevweb.com/testing/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script>
<script src='https://yourdevweb.com/testing/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script>

【问题讨论】：

标签： javascript html jquery wordpress

【解决方案1】：

这是一个拼写错误。将JQuery 替换为jQuery 即可解决问题。

【讨论】：