Uncaught TypeError: Objekt [Objekt Objekt] hat keine Methode 'on'

Question

Kann mir jemand helfen, das herauszufinden?

Wenn ich die neueste (oder eine neuere) Version von jQuery verwende, funktioniert das kleine Skript unten gut. Wenn ich jedoch ältere Versionen von jQuery verwende, sagt mein Skript, dass die on Funktion nicht existiert.

Hier ist mein Skript, das nicht mit älteren Versionen von jQuery funktioniert:

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

Jede Art von Hilfe ist willkommen.

Answer 1

Sie müssen bind anstelle von on verwenden, da on nur in jQuery 1.7 eingeführt wurde.

$(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

Sie müssen verwenden jQuery-Version 1.7+ on() zu verwenden. bind() ist veraltet.

Answer 3

könnten Sie delegate() verwenden, zum Beispiel:

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

Dies entspricht dem folgenden Code geschrieben mit on():

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

Answer 4

Ändern der on Funktion bind:

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