jquery - 未捕获的类型错误：对象 [object Object] 没有“on”方法

Question

谁能帮我解决这个问题？

当我使用最新（或较新）版本的 jQuery 时，下面的小脚本可以正常工作。但是，当我使用旧版本的 jQuery 时，我的脚本说该on函数不存在。

这是我的脚本，它不适用于旧版本的 jQuery：

$(document).ready(function () {
    $(".theImage").on("click", function(){
        // In the event clicked, find image, fade slowly to .01 opacity
        $(this).find("img").fadeTo("slow", .01).end()
        // Then, of siblings, find all images and fade slowly to 100% opacity
               .siblings().find("img").fadeTo("slow", 1);           
    })
})

任何形式的帮助表示赞赏。

Answer 1

您必须使用bind而不是on，因为on仅在jQuery 1.7中引入。

$(document).ready(function () {
    $(".theImage").bind("click", function(){
        // In the event clicked, find image, fade slowly to .01 opacity
        $(this).find("img").fadeTo("slow", .01).end()
        // Then, of siblings, find all images and fade slowly to 100% opacity
        .siblings().find("img").fadeTo("slow", 1);           
    })
})

Answer 2

您可以使用delegate()，例如：

$("table").delegate("td", "click", function() {
  $(this).toggleClass("chosen");
});

这相当于使用以下代码编写的on()：

$("table").on("click", "td", function() {
  $(this).toggleClass("chosen");
});

Answer 3

您必须使用 jQuery 版本 1.7+ 才能使用on(). bind()已弃用。

Answer 4

on将函数更改为bind：

.children().on("click",function()
到
.children().bind("click",function()