未知の型エラー：オブジェクト[オブジェクトオブジェクト]にメソッド 'on'がありません

Question

誰でも私にこれを理解させる助けができますか？

jQueryの最新バージョン（または新バージョン）を使用すると、以下の小さなスクリプトが正常に動作します。しかし、古いバージョンのjQueryを使用すると、スクリプトにはonという関数が存在しないというメッセージが表示されます。ヘルプの任意の種類が高く評価され

$(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);   
    }) 
}) 

：

は、ここでのjQueryの古いバージョンでは動作しません、私のスクリプトです。

Answer 1

onの代わりにbindを使用する必要があります。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

on()を使用するには、jQueryバージョン1.7以降を使用する必要があります。 bind()は推奨されていません。

は

Answer 3

次の例のように、delegate()を使用することができます。

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

これはon()を使用して書かれた次のコードと同等です：

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

Answer 4

変更on機能bindへ：

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