JQuery库使用报错

最新推荐文章于 2023-01-18 21:49:47 发布
原创 最新推荐文章于 2023-01-18 21:49:47 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Jquery

Jquery库引用报错

代码目录结构：
在这里插入图片描述

前提：jquery1.11.3.min.js已经在*.jsp引入，并且放置在原生JS方法之前。
在这里插入图片描述

IE报错：“$”未定义
FireFox报错：指向“http://localhost:8080/js/jquery1.11.3.min.js”的 <script> 加载失败。

正确引用方法一：

<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>

注：此方法必须放置在语句之前

正确引用方法二：

<script type="text/javascript" src="<%=path%>/project/js/jquery-3.3.1.min.js"></script>

注：此方法必须放置在语句之后

两种方法详见下图：
在这里插入图片描述

在引入jQuery时 报net::ERR_ABORTED 404
Timor的博客
03-22 1万+
**就是一直加载不到js.css等静态文件 ** 前端代码 项目目录结构 springmvc.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/...
eclipse导入jquery包后报错的解决方法
10-26
在开发Web应用时，我们经常会使用到jQuery库来简化JavaScript代码。然而，有时在Eclipse IDE中导入jQuery包时，可能会遇到一些问题导致编译错误。这个问题主要涉及到Eclipse的JavaScript验证器设置。本文将详细解释...
使用jquery的$.ajax post请求错误net::ERR_CONNECTION_RESET解决
weixin_51460194的博客
01-01 1971
使用jquery的$.ajax post请求错误net::ERR_CONNECTION_RESET解决
jQuery 引入多个库文件冲突
weixin_33774615的博客
09-14 140
index.html <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>基础核心</title><script type="text/javascript" src="tool.js"></script>&lt...
jquery库未引入报错信息$is not defined
gigijingjing的博客
02-01 511
在未引入jquery库时： 前台加载页面后报错信息是这样的： 在&lt;head&gt;&lt;/head&gt;之间引入jquery库，在&lt;body&gt;&lt;/body&gt;之间，就成功使用了jquery库。 ...
使用JQuery库提供的扩展功能实现自定义方法
12-12
但是，没有任何一个库可以满足所有的需求，所以，JQuery库提供了丰富的扩展功能。以禁用一组表单元素为例，看看怎么简单有效的在JQuery库中添加自定义的功能扩展。（JQuery没有禁用表单元素的方法哦） 上代码： &lt...
bootstrap+jquery项目引入文件报错的解决方法
10-18
这个问题通常是由于jQuery库文件的加载顺序不正确引起的。为了避免这个问题，需要确保jQuery的库文件（通常是jquery.min.js）需要先于其他依赖于jQuery的脚本文件加载。即，在HTML文档中标签的顺序应该是先引入...
jquery库或JS文件在eclipse下报错问题解决方法
10-26
在开发Web应用时，我们经常会使用到jQuery库来简化JavaScript代码，提高开发效率。然而，在使用Eclipse这样的IDE时，可能会遇到一些小问题，比如在导入jQuery库后，Eclipse会显示红色错误标记，尽管这通常并不会影响...
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
jQuery作为一款流行的JavaScript库，极大地简化了JavaScript编程，特别是在进行DOM操作和Ajax请求方面。然而，在使用jQuery过程中，开发者有时会遇到JavaScript控制台抛出“Uncaught TypeError: Illegal invocation...
Laravel 用js jquery，调Post请求时，出现了500错误
hanshou101的博客
10-29 3044
调试Bug。
2021.12.21报错解决：jquery.min.js:5 POST http://localhost:3000/login 400 (Bad Request)
shaochen2015821426的博客
12-21 3271
1.出现场景 我在学习修改账户密码时，调用接口后，googole浏览器控制台突然报错：jquery.min.js:5 POST http://localhost:3000/login 400 (Bad Request)； 在powershell中node.js报：(node:11344) DeprecationWarning: collection.findAndModify is deprecated. Use findOneAndUpdate, findOneAndReplace or findOne
【springmvc】jquery.js:542 POST 400 (Bad Request)
柠檬加冰
07-01 1894
背景同一个方法，新增的时候能够调用成功，一旦填充完数据后，js就提示400 (Bad Request)解决问题通过代码调试发现，是由于前端html页面中，使用了easyui-datebox控件，后台在接受参数的对象中，定义的是Date类型，因为同一字段的类型不匹配导致方法报错。在Bean中，增加String startDate属性，然后在保存时候，将String类型转换为Date类型，保存到数据库中
jQuery发送post请求时的问题及解决方法
qq_45438193的博客
03-30 1395
MyEclipse2017版本 jQuery.1.8.3.js 问题：前后端写好了以后在输入框输入姓名，浏览器没反应，右击检查报错显示路径有问题。如图： 前端： 后端： 浏览器： 解决： 后端： 浏览器： 仅用于个人学习记录！ ...
POST http://localhost:8080/XXX/XXX 400 (Bad Request)
m0_56044033的博客
01-14 2630
POST http://localhost:8080/XXX/XXX 400 (Bad Request)
jquery明明正常引用但是还是报404错误
CXYCMY的博客
11-07 1951
jquery引入后显示404
ajax向后台发请求出现POST http://localhost:8080/XXXX/XXXXXX 404错误
热门推荐
weirdness的博客
05-06 5万+
今天用Ajaxxiang后台的controller发送请求时，出现POST http://localhost:8080/XXXX/XXXXXX 404错误 真的搞不懂啊，我觉得我的代码没有问题 可是发现根本就是没访问进去controller，试了各种方法都不行，还以为我的浏览器有什么问题，然而也不是 隐约感觉是路径问题，可是我实在找不出错，我的controller外是这样： 具体的...
vue2项目打开浏览器请求后端时出现POST http://localhost/user/login net::ERR_CONNECTION_REFUSED
weixin_57997644的博客
01-18 5618
vue2项目打开浏览器请求后端时出现POST http://localhost/user/login net::ERR_CONNECTION_REFUSED
解决:GET http://localhost:8080/static/js/jquery.min.js net::ERR_ABORTED 404的相关问题
qq_45130645的博客
04-20 6552
先判断你写的路径是否正确，我的是之前一直可以，后面突然发现加载不出404了。 String url = request1.getRequestURI(); // URL:除了login.jsp是可以公开访问的，其它的URL都进行拦截控制 if(url.indexOf("/login")>=0||url.charAt(url.length()-1)=='/'||url.indexOf("/code")>=0||url.indexOf("/static")>=
jquery3.7.1中jqfake报错
最新发布
08-05
在使用 jQuery 3.7.1 时，如果遇到 `&#39;jqfake&#39;` 报错，通常与 jQuery 的某些插件或代码中存在不兼容的调用方式有关。以下是一些可能的原因及对应的解决方案： ### 1. 插件或代码依赖旧版本 jQuery jQuery 3.7.1 是一个较新的版本，部分旧插件可能仍然基于早期的 jQuery API 进行开发，例如 jQuery 1.x 或 2.x，而这些版本与 3.x 存在显著差异。例如，jQuery 3.x 已经移除了某些废弃的方法，或者改变了某些方法的行为[^3]。这种情况下，如果插件尝试调用已被移除的方法（如 `size()` 替换为 `length` 属性[^4]），可能会导致 `&#39;jqfake&#39;` 报错。 **解决方案**： - **检查插件文档**：确保使用的插件支持 jQuery 3.x 版本。 - **更新插件版本**：如果插件有更新版本，请升级到支持 jQuery 3.x 的版本。 - **修改插件代码**：如果无法更新插件，可以尝试手动修改插件代码，将不兼容的 API 替换为 jQuery 3.x 支持的方式。 ### 2. 引用顺序错误 如果页面中多个 JavaScript 文件之间存在依赖关系，而 jQuery 被放在依赖它的脚本之后加载，也可能导致 `&#39;jqfake&#39;` 报错。例如，如果某个脚本文件依赖 jQuery，但 jQuery 被放在该脚本之后加载，就会出现 jQuery 未定义的问题。 **解决方案**： - **调整引用顺序**：确保 jQuery 库文件在所有依赖它的脚本之前加载[^2]。 - **使用 `defer` 或 `async` 属性**：在 `<script>` 标签中使用 `defer` 或 `async` 属性，确保脚本按照正确的顺序执行。 ### 3. 冲突的 jQuery 版本 如果页面中引入了多个不同版本的 jQuery，可能会导致命名冲突或覆盖问题，从而引发 `&#39;jqfake&#39;` 报错。 **解决方案**： - **避免重复引入**：确保页面中只引入一个 jQuery 版本。 - **使用 `jQuery.noConflict()`**：如果必须引入多个版本，可以使用 `jQuery.noConflict()` 方法释放 `$` 符号的使用权。 ### 4. 使用了不兼容的构建工具或打包方式 如果使用了模块打包工具（如 Webpack、Rollup 等），并且 jQuery 没有正确配置为全局变量，可能会导致 `&#39;jqfake&#39;` 报错。 **解决方案**： - **配置全局变量**：在打包工具中配置 jQuery 为全局变量，例如在 Webpack 中使用 `ProvidePlugin`。 - **检查模块导出方式**：确保 jQuery 正确地通过 `import` 或 `require` 引入。 ### 示例代码：使用 `jQuery.noConflict()` ```html <script src="jquery-3.7.1.min.js"></script> <script> // 释放 $ 符号的使用权 var jq = jQuery.noConflict(); // 使用 jq 替代 $ jq(document).ready(function () { jq("button").click(function () { jq("p").hide(); }); }); </script> ``` ### 示例代码：Webpack 配置 jQuery 全局变量 ```javascript // webpack.config.js const webpack = require(&#39;webpack&#39;); module.exports = { // ... plugins: [ new webpack.ProvidePlugin({ $: &#39;jquery&#39;, jQuery: &#39;jquery&#39;, }), ], }; ``` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值