[SOLUCIONADO] Jquery con contenido Generado

[WebHelp]

Buenas, tengo un problema a ver si alguien sabe solucionarlo, estoy creando un pequeño carro de compra. Cuando se inicia la pagina , tengo una funcion jquery que obtiene el carrito y lo genera en una lista ( obtenerCarrito() ) :

Código Javascript:

function obtenerCarrito()
{
    $.ajax({
        url: "inc/exec.php",
        type: "post",
        data: {
            exec : "productoscarrito-listgroup"
        },
 
        beforeSend: function(){
            
        },
 
        success: function (mesg) {
            $('#shoppingcart-listgroup').empty();
 
            $('#shoppingcart-listgroup').html(mesg);
 
            console.log(mesg);
        },
        error: function(jqXHR,estado,error){
            //$("#info-mesa").text(error);
            console.log(error);
        }
 
    })
}
 

Entonces en el código que se genera, se crean al lado de cada producto botones para eliminar el producto con la clase "carrito-producto-eliminar" y yo cree otra función para que cuando se le haga click al boton elimine el producto (Esto es lo que no logro funcionar) :

Código Javascript:

$(".carrito-producto-eliminar").on("click",function(e){
 
        var id = $(this).attr('attr-id');
 
        alert("asa");
 
        $.ajax({
            url: "inc/exec.php",
            type: "post",
            data: {
                exec : "productoscarrito-eliminar",
                id : id
 
            },
 
            beforeSend: function(){
                
            },
 
            success: function (mesg) {
                $('#shoppingcart-listgroup').empty();
 
                obtenerCarrito();
 
                console.log(mesg);
            },
            error: function(jqXHR,estado,error){
                //$("#info-mesa").text(error);
                console.log(error);
            }
 
        })
    })
 

Podría resolverlo con que el botón de eliminar llame una función javascript , pero primero quiero ver si hay una forma de hacerlo con jquery o escucho cualquier recomendación.

[rodocoyote15]

No te confundas, jquery no es más que un framework que te ayuda a hacerte la vida más fácil con JavaScript, así que si lo haces con jQuery es como hacerlo con javascript.

Me gustaría saber a que te refieres con "no me funciona", es muy típico que lo digan pero no tenemos idea de qué pasa. Saludos

[WebHelp]

Si, lo se , entiendo . Y disculpa que no lo explicara mejor . Ps el evento on Click no funciona (El de eliminar el producto), pareciera que el jquery no detectara cuando se generan los botones de eliminar asi que cuando les hago click no ejecuta el jquery. Puse un alert en el codigo y ni eso se acciona.

[xfxstudios]

y si pruebas asi:

Código HTML:

<button type="button" id="<?php echo $row['id']; ?>" onClick="eliminaEste(this.id);">Eliminar</button>
 

Código Javascript:

function eliminaEste(X){
 
        $.ajax({
            url: "inc/exec.php",
            type: "post",
            data: {
                exec : "productoscarrito-eliminar",
                id : X
 
            },
  
            success: function (mesg) {
                $('#shoppingcart-listgroup').empty();
 
                obtenerCarrito();
 
                console.log(mesg);
            },
            error: function(jqXHR,estado,error){
                //$("#info-mesa").text(error);
                console.log(error);
            }
 
        })
    };
 

tendrias que revidsar el resto de lo que haces, pero más o menos asi lo tengo el uno que actualmente estoy haciendo

[WebHelp]

Si, asi pensaba solucionarlo, lo deje de ese modo.