Uncaught TypeError: $(...).on is not a function

Posted byx1024

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Uncaught TypeError: $(...).on is not a function相关的知识,希望对你有一定的参考价值。

今天写个页面,引入了几个轮子。

结果运行发现,jQuery的on方法,结果报错了:Uncaught TypeError: $(...).on is not a function

技术图片

 

网上查了一下,发现是 引入的 jQuery版本的问题。因为老版本的jQuery中不支持on方法,可以用 bind方法代替。

再次运行,就不会报错了。

技术图片

 

简单分析了一下,为什么会出现这种问题?

因为 页面一般都为了向下兼容到IE8甚至更低。一般都不轻易升级jQuery的版本。所以项目中的jQuery版本都很老旧。

一般为:

<script src="${res}/js/jquery-1.12.4.js"></script>

 

最新新版的jQuery 早就抛弃了IE8了。没办法,记录一下,以后再遇到类似的问题,就知道怎么解决了。

 

by不言谢

以上是关于Uncaught TypeError: $(...).on is not a function的主要内容,如果未能解决你的问题,请参考以下文章

如何解决问题:Uncaught (in promise) TypeError: promisify is not a function?

Uncaught TypeError

Uncaught TypeError: Cannot redefine property: $router

Uncaught TypeError: o.block is not a function

Laravel 5.1 和 Vue.js - 21678 Uncaught (in promise) TypeError: Cannot read property 'data' of null

jQuery Post blob 对象给出 Uncaught TypeError: Illegal invocation