Jquery参数同步

jquery parameters synchronisation

本文关键字：同步 参数 Jquery      更新时间：2023-09-26

我用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>');
        }
    });

我的问题是在删除项目功能。我如何更新移除物品的总价值?

谢谢!

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

相关文章：