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
:
Ver originalfunction 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
:
Ver original$(".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.