Migrar funcion de jQuery 1.4 a 3.3

[JessicaTJ]

Hola chic@s!

Estoy un poquito atorada tratando de migrar unas funciones de jQuery 1.4 a 3.3, el codigo que tengo es este:

Código Javascript:

$(function(){
    $(".vote").live("click", function(){
        var rating = $(this).attr("id").substr(0, 1);
        var id = $(this).attr("id").substr(1);
        var data = 'id='+id+'&rating='+rating;
        
        $.ajax({
            type: 'POST',
            url: 'voter.php',
            data: data,
            success: function(e){
                $("#r"+id).html(e);
            }
        })
    });
});
 

Entiendo que la funcion live esta descontinuada, pero no puedo hacerlo funcionar con on.

Alguien podria por favor ayudarme con esto?

Muchas gracias!

[ArturoGallegos]

La funcion On me ha funcionado siempre con elementos que hayan sido creados en el DOM desde el inicio, para tu caso sin conocer tu codigo yo utilizaria el body

Código Javascript:

$(function(){
        $("body").on("click", '.vote', function(){
            var rating = $(this).attr("id").substr(0, 1);
            var id = $(this).attr("id").substr(1);
            var data = 'id='+id+'&rating='+rating;
            
            $.ajax({
                type: 'POST',
                url: 'voter.php',
                data: data,
                success: function(e){
                    $("#r"+id).html(e);
                }
            })
        });
    });
 

[dAvidcA]

Hola JessicaTJ, lo que dice ArturoGallegos es correcto, o mejor puede utilizar el .click así:

Código Javascript:

$(function(){
    $(".vote").click(function(){
        var rating = $(this).attr("id").substr(0, 1);
        var id = $(this).attr("id").substr(1);
        var data = 'id='+id+'&rating='+rating;
        
        $.ajax({
            type: 'POST',
            url: 'voter.php',
            data: data,
            success: function(e){
                $("#r"+id).html(e);
            }
        })
    });
});
 

[ArturoGallegos]

Antes de irnos por la tangente, cabe mencionar que Click y On son funciones que interactúan de forma distinta con el DOM

Aunque Click puede funcionar para la mayoría de los casos no es así cuando se trata de elementos agregados diatónicamente mediante javascript, de allí que surja la necesidad de utilizar On en lugar de Click

Según sea el caso o la situación has de decidir cual utilizar.

@dAvidcA el uso de live era el mismo que On y por las mismas circunstancias por lo que hemos de asumir que esta usándose sobre campos dinámicos agregados con javascript, dado ese caso la función Click no tendrá efecto, por lo que es inútil en este panorama.

[JessicaTJ]

Muchas gracias chicos! De verdad agradezco mucho su ayuda!