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

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

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

网上查了一下，发现是 引入的 jQuery版本的问题。因为老版本的jQuery中不支持on方法。

　　1.7版本以上，才支持。如下图：

但是，我们可以用 bind方法代替。参考jQuery官方文档，如下：

   

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

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

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

一般为：

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

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

 

by不言谢