解决：Uncaught TypeError: $ is not a function

最新推荐文章于 2024-05-10 21:46:03 发布
最新推荐文章于 2024-05-10 21:46:03 发布
阅读量6.1w 收藏 10
点赞数 9
分类专栏： javascript 前端 JQuery 文章标签： jq js 前端 开发实战 常见jq错误
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41551266/article/details/90577776
版权
javascript 同时被 3 个专栏收录
9 篇文章 1 订阅
订阅专栏
前端
9 篇文章 0 订阅
订阅专栏
JQuery
1 篇文章 0 订阅
订阅专栏

本来好好的，突然就出现的错误，不过这并不是什么难解决的错误；

我的问题是：在js文件里我定义了一个 var $;变量，只要把这个去掉就没问题了。

顺便总结一下：出现这种错误的解决方法：

1，先看看你的jq文件是否已经先导入了

一般来说，你的js文件需要位于最后

2.就是在js文件里找一下有没有 var $; 【呜呜我傻】

看完一些博客，大概明白，WordPress会先运行自己的脚本，然后释放$，这样就不会与其他库冲突。

所以一旦你定义了$;他就会默认使用你对$的定义，而不会管JQ的定义；

3. 下面是一些防止冲突的方法

jQuery(function ($) {

直接使用JQuery就不会又冲突问题，再在JQuery使用$，利用闭包函数的作用域规避冲突

 

参考链接：https://crunchify.com/how-to-fix-wordpress-uncaught-typeerror-is-not-a-function-jquery-error/

https://stackoverflow.com/questions/12343714/typeerror-is-not-a-function-when-calling-jquery-function

牛肉饼加个煎蛋
关注
  • 9
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Uncaught TypeError: $(...).onmouseenter is not a function js错误，解决办法：
清风思雨的博客
06-20 1289
想用js实现一个鼠标悬停和移出，用的jQuery，调用的函数是onmouseenter，结果报错Uncaught TypeError: $(...).onmouseenter is not a function。网上大多是说是jQuery版本问题，我的版本是1.12，版本不算太低，但是也是报错。 还有的说通过bind()进行绑定，我也是未解决。 其实解决很简单，用原生js配合jQuery来写：...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
jquery 报错提示Uncaught TypeError: $ is not a function
sunsineq的专栏
07-27 2544
可能是版本问题，也有可能是被其他脚本使用 解决方法：将 $ 替换为 jQuery $('.layui-btn.layuiadmin-btn-list').on('click', function () {}）； jQuery('.layui-btn.layuiadmin-btn-list').on('click', function () {}）；
TypeError: xxx is not a function异常的解决方案
最新发布
2301_79779756的博客
05-10 3015
在JavaScript编程中，TypeError: xxx is not a function是一个常见的运行时错误。这个错误表明你尝试调用的xxx并不是一个函数，但你的代码却以函数的方式去调用了它。这通常是因为变量xxx没有被正确地定义为一个函数，或者它被赋予了非函数的值。
Uncaught TypeError:$ is not a function
qq_33742119的博客
05-10 1487
错误如下：错误原因：在写js脚本之前没有引入jquery。引入方法如下：<script type="text/javascript" src="~/Scripts/jquery-1.8.2.min.js"></script>重新运行项目即可。...
Uncaught TypeError: XXX is not a function问题解决方法
qq_70095877的博客
03-25 7921
Uncaught TypeError: XXX is not a function前端控制台报错
使用layui前台html页面报Uncaught TypeError: $ is not a function
harbor_lee的博客
09-24 3997
layui内部引用了jquery，html页面直接引用了layui，所以html页面引用的自定义的js文件并不能识别是个啥。layui.是个啥。layui.是个啥。layui.应该是layui对jquery $的封装。所以自定义的js文件中声明一句var $ = layui.，且要使用，且要使用，且要使用的地方必须位于该句声明之下，否则还是报错，js就是有这种顺序性，没办法。我报该错，就是因为虽然声明了，但声明在使用之后，导致还是识别不了。 参考文章https://blog.csdn.net/ni_new_
前端报错：Uncaught TypeError: $ is not a function
lyt的博客
10-22 1522
解决方法：将 $ 替换为 jQuery $('.layui-btn.layuiadmin-btn-list').on('click', function () { jQuery('.layui-btn.layuiadmin-btn-list').on('click', function () {
小程序中wx.xx is not a function的报错
03-29
连胜老师今天来说一下小程序后台，运维中心经常报的一个错误：错误提示：wx.getSetting is not a function;at App lifeCycleMethod onLaunch function。   这里的wx.getSetting，可能是其他API，比如wx....
vuex 解决报错this.$store.commit is not a function的方法
12-08
Vue 的状态管理工具 Vuex 完美的解决了这个问题。 看了下vuex的官网，觉得不是很好理解，有的时候我们只是需要动态的从一个组件中获取数据（官网称为“组件层级”：是个独立的控件，作用范围只在组件之内）然后想放...
bootstrap table 导出文件 bootstrap-table-export.js和tableExport.js
04-04
用于bootstrap数据表格的导出插件,在引入bootstrap其他主要js和css的前提下,再将bootstrap-table-export.js和tableExport.js引入。包里有两个版本的
EZUIKit-JavaScript-test:海康萤石云测试
05-15
UIKit Javascript 使用说明 #demo_hk1是4个视频框 简介 UIKit，是基于萤石开放平台OpenSDK封装的UI组件，使用过程中不必学习专业的业务概念，更不用调用繁琐的接口，能够以极简的嵌入方式，快速在您的应用中集成视频...
JS中常见的 “函数名 is not a function” 错误
热门推荐
weixin_40345099的博客
09-30 26万+
js中常见的错误，例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外，还有一种很奇怪的情况：函数本身没有错，但是运行时就是不能正常运行。这种情况与javascript的特性有关：变量与函数声明前置的优先级。 首先看代码： console.log(x) console.log(x()); var x=1; function x(){...
Uncaught TypeError: XXX is not a function问题解决
xue317378914的专栏
03-04 5万+
前端一直显示 Uncaught TypeError: V.data is not a function 错误，这是jquery-ui.min.js 报的一个错误： 排查原因，发现是自己写的js中定义了一个 $.data 方式的函数，应该是是跟jquery-ui.min.js中V.data中的data重名了，导致执行时出现了问题，将这个data换一个名字就好了 总结一下：出现这种情况大概率是某个js里方法的名字与另一个文件的某个方法或者某个id重名，导致执行、引用出现混乱，只要根据报错...
Bootstrap报错“Uncaught TypeError: $(...).modal is not a function“
二木成林
07-17 3972
异常 当使用Bootstrap的模态框时，报如下错误： 错误代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3
Uncaught TypeError: XXX is not a function的解决方法
m0_54066656的博客
03-13 2万+
Uncaught TypeError: XXX is not a function的解决方法
Uncaught TypeError: $(...).swipeout is not a function
qq_44647223的博客
04-06 690
问题： 在使用weui的滑块删除组件的时候，有时候会出现这种错误 Uncaught TypeError: $(…).swipeout is not a function 原因是在引用weui的时候，也引用了jquery，并且jquery引用在这段代码的前面，造成冲突 $('.delete-swipeout').click(function() { $(this).parents('.we...
Uncaught TypeError: $(...).bootstrapTable is not a function该报错可能有三种情况
qq_37139060的博客
04-26 1万+
1.jquery和bootstrap的js引入顺序问题（jquery在前）； 2.只引入了bootstrap.js却没有引入bootstrap-table.js！ 3.jquery和bootstrap的版本不匹配，升级版本。
Uncaught TypeError: $(...).qrcode is not a function
哔哔丶的博客
06-04 4668
Uncaught TypeError: $(…).qrcode is not a function 使用jQuery.js生成二维码出现的问题与解决方案 一、解决方法 1.检查是否成功引入所需的全部js文件 2.检查引入js顺序是否有误： jquery.js→其他配置文件xx.js→自定义js 3.代码示例： <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html lang="en"> &lt
Uncaught TypeError: this.$emit is not a function
06-09
如果在 Vue 3 中使用 `this.$emit` 出现了 `Uncaught TypeError: this.$emit is not a function` 错误，通常是因为你的组件没有继承自 `Vue` 对象。 在 Vue 3 中，组件的定义方式发生了变化。如果你使用 `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值