为什么我的 jQuery 代码出现 “$(…).on is not a function” 错误？

“$(…).on”函数不起作用：常见错误分析

在前端开发中，使用jquery时可能会遇到“$(…).on is not a function”的错误。出现此错误的原因大多与jQuery版本过低有关。

在您提供的示例中，代码使用了on()方法，而这需要jQuery 1.7或更高版本支持。如果使用了较低版本的jQuery，则会出现“$(…).on is not a function”错误。

如需解决此问题，有以下几种方法：

• 升级jQuery版本至1.7或更高。
• 使用其他事件处理方法，例如bind()或live()。bind()方法适用于所有jQuery版本，而live()方法在jQuery 1.3之后已弃用，但仍可在较旧项目中使用。

示例：

• 使用bind()方法：

$("#btn").bind('click', function() {     $('#dialog').show(); });

• 使用live()方法（适用于jQuery 1.3 – 1.8）：

$("#btn").live('click', function() {     $('#dialog').show(); });

通过使用上述解决方法，可以解决“$(…).on is not a function”错误，从而正常处理dom元素的事件。