编写前台Jquery代码时,遇到谷歌浏览器报错:Uncaught ReferenceError: $ is not defined

意味着Jquery库并没有导入到页面。这是有几种情况需要考虑:

1、SpringMVC设置静态资源访问。

在spring-mvc.xml配置文件中加入:

<!-- 支持对象与json的转换。 -->
<!-- 默认的注解映射支持 -->
<mvc:annotation-driven/> <!-- 对静态资源的文件的访问 (二选一)-->
<!-- 方法一 -->
<mvc:default-servlet-handler/>
<!-- 方法二 -->
<mvc:resources mapping="/JQuery/**/" location="/JQuery/"/>

2、引入顺序写错了或者地址更变为绝对路径。

<script type="text/javascript" src="${pageContext.request.contextPath }/JQuery/jquery-3.2.1.js"></script>

参考博客:

Sbangm SpringMVC对静态资源文件的访问(配置)-http://blog.csdn.net/sbangm/article/details/41722559

随机推荐

  1. 解决移动端ios下overflow-x scroll无法隐藏滚动条的问题

    这次有个需求是在web首页添加分类菜单,一共是8个分类,在移动端水平展示,可以左右滚动. 最后在手机上微信浏览器看到是有个滚动条,非常影响美观. 主要通过以下代码实现水平滚动 white-space: ...

  2. skeleton在心意web上的实践

    通过手动编写skeleton,在fetch数据时显示skeleton loading,数据拉取成功隐藏skeleton 先看下效果图 在component下创建页面对应的skeleton,然后通过在i ...

  3. 关于@HtmlHelper帮助器参数

    @Html.ActionLink("首页", "Index", "Index", new{},new { @class = "na ...

  4. Flask笔记:cookie

    在网站中,HTTP请求是无状态的:第一次请求成功后,第二次请求时服务器依然不知道这次请求的所属用户是谁.为了解决这个问题,在第一次请求成功后,服务器会生成并返回对应的cookie信息给浏览器,而浏览器 ...

  5. Linux软件安装——软件包

    Linux软件安装——软件包 摘要:本文主要学习了Linux下软件安装的相关知识. 软件包 简介 Linux下的软件包众多,且几乎都是经GPL授权.免费开源(无偿公开源代码)的.这意味着如果你具备修改 ...

  6. afnet缓存

    http://www.open-open.com/code/view/1432299750333

  7. block注意事项

    1.block的声明和注意事项 #import "ZYViewController.h" @interface ZYViewController () @end /*用typede ...

  8. 详解JavaScript的任务、微任务、队列以及代码执行顺序

    摘要: 理解JS的执行顺序. 作者:前端小智 原文:详解JavaScript的任务.微任务.队列以及代码执行顺序 思考下面 JavaScript 代码: console.log("scrip ...

  9. bootstrap基础样式学习(一)

    1.按钮btn .btn 按钮基础的样式 .btn-default 白底黑子的按钮 .btn-danger/warning/success/info/primary .btn-lg/sm/xs 按钮大 ...

  10. [小程序]微信小程序获取input并发送网络请求

    1. 获取输入框数据wxml中的input上增加bindinput属性,和方法值在js部分定义与之对应的方法,只要在输入的时候,数据就会绑定调用到该方法,存入data属性变量中 2. 调用get请求发 ...