2

Buenas tardes GRan comunidad. tengo un problema en una funcion que anda al 90%. El problema esta en el BeforeSend del codigo, cuando yo elimino un item del carrito, se activa un spinner, pero se activa en todos los elementos, y yo quiero que solamente se active en el elemento que quiero eliminar. El codigo es el siguiente:

$(document).on("click", ".removecartitem", function(){
    var $t = $(this);
    var rurl = $t.attr("data-remove-url");
    var delrowid = $t.attr("datarowid");
    var qty = $t.attr("dataitemqty");
    var spn = $(".remover-spinner") ;
    $.ajax({
        type: "POST",
        url: rurl,
        beforeSend: function(data){

            spn.fadeIn(100)


   },
        success: function(data) {
            $('.'+delrowid).fadeOut(200, function(){
                spn.fadeOut(100)
                $('.'+delrowid).remove(); carttotalamount();

            }); 
        }
    });
});



<p class="remove_link">
                            <!-- a rel="nofollow" class="removecartitem" href="javascript:;" datarowid="removerowitem{$products.id}" dataitemqty="{$products.quantity}" data-remove-url="{$products.remove_from_cart_url}"> -->

                    <a rel="nofollow" class="removecartitem" href="javascript:;" datarowid="removerowitem{$products.id}" dataitemqty="{$products.quantity}" data-remove-url="{$products.remove_from_cart_url}">
                            <span class="remove-cartsection"><i class="material-icons" id="remover-product">delete_forever</i></span>
                            <span class="remover-spinner"></span>
                    </a>
</p>

Muchas gracias por su extrema colaboración !

2
  • Deberias agregar tu HTML.
    – alanfcm
    el 26 sep. 2018 a las 18:31
  • Muchas gracias Alan.
    – AMatiasC
    el 26 sep. 2018 a las 18:42

1 respuesta 1

3

El selector que tienes escoge todos los spinners. Debes cambiarlo asi:

$(document).on("click", ".removecartitem", function(){
    var $t = $(this);
    var rurl = $t.attr("data-remove-url");
    var delrowid = $t.attr("datarowid");
    var qty = $t.attr("dataitemqty");
    var spn = $(this).find(".remover-spinner") ;
    $.ajax({
        type: "POST",
        url: rurl,
        beforeSend: function(data){

            spn.fadeIn(100)    

   },
        success: function(data) {
            $('.'+delrowid).fadeOut(200, function(){
                spn.fadeOut(100)
                $('.'+delrowid).remove(); carttotalamount();

            }); 
        }
    });
});
1
  • 1
    Excelente, perdon por quitarte tu valioso tiempo! Verdaderamente funciona con exito, muchas gracias alan!
    – AMatiasC
    el 26 sep. 2018 a las 18:52

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.