Question

我用js写了一个购物篮，当我选择一个数量时，我会自动更新篮子的总和。我的问题是，当我放弃一个产品时，总和的总值不会更新，而是在页面刷新时。

这是代码：

  $('#add-to-basket select').selectbox();
    $('#contents select').selectbox().change(function (e) {
        var product = $(this).parents('.product');
        var ppu     = product.find('.ppu').val();
        product.find('.price .wrapper .value').text($(this).val() * ppu);

        var total   = 0;

        $('.product .price .value').each(function (index, value) {
            total += +$(value).text();
        });

        var form = $(this).parents('form');
        form.ajaxSubmit(function () {
        });

        $('#total .value').text(total);
                    $('#my_basket .basket_value').text(total);
    });

    $('#delivery #address a').qtip({
        content: 'Vei putea reveni la coș dând click pe <span>Coșul Meu</span> în meniu.'
    });

    $('.drop-item').click(function(e) {
        e.preventDefault();
        var form = $(this).parents(form);
        var item = $(this).parents('li');
        var total   = 0;



        $('.product .price .value').each(function (index, value) {
            total +=  +$(value).text();
        });

        $('#total .value').text(total);

        item.remove();
        form.ajaxSubmit(function() {});

        if ($('#contents li').length < 1)
        {
            $('#basket').remove();
            $('#basket-breadcrumbs').remove();

            $('#main').append('<p class="message">Coșul tău este gol.</p>');
        }
    });

我的问题在于删除项目功能。如何在项目删除时更新总值？

谢谢你！

Answer 1

从我可以看到你可能只需要在你的.drop-item点击处理程序中移动item.remove()调用几行。在检索要合计的新输入列表之前，您需要确保从DOM中删除该项目。

jquery参数同步

1 个答案: