TypeError no capturado: El objeto [objeto Object] no tiene el método 'on'

Question

¿Alguien me puede ayudar a resolver esto?

Cuando uso la versión más reciente (o nueva) de jQuery, el pequeño script a continuación funciona bien. Sin embargo, cuando uso versiones anteriores de jQuery, mi script dice que la función on no existe.

Aquí está mi script que no funciona con versiones anteriores de 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);   
    }) 
}) 

se aprecia ningún tipo de ayuda.

Answer 1

Debe utilizar bind en lugar de on, ya que on solo se introdujo en 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

Debe utilizar jQuery versión 1.7+ de usar on(). bind() está en desuso.

Answer 3

usted podría utilizar delegate(), por ejemplo:

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

Esto es equivalente al siguiente código escrito usando on():

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

Answer 4

Cambiar el on función para bind:

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