Как обновить общую цену, когда предмет уронили?

Question

Я пытаюсь перетащить предметы в корзину покупок. Как только товар будет добавлен в корзину, цена товара будет обновлена ​​до общей цены корзины. Я что-то пропустил? Это позволяет мне перейти на «корзину», но не обновляет общую стоимость.

$(".item").draggable({
    revert : true
});
$("#i1").draggable();
$("#i2").draggable();
$("#i3").draggable();
$("#cart").droppable({
    drop : function (event, ui) {
        $(this).find(".price");
        total_price = total_price + price;
        $("#cprice").html("$ " + total_price);
    }
});

Answer 1

Где определены переменные total_price и price?

Попробуйте это.

var total_price = 0;//Declare and initialize the variable to 0

$("#cart").droppable({
  drop: function(event, ui) {
    //Add the dragged item's price to total_price and update the cart price
    total_price = total_price + parseFloat($(this).find(".price").text());
    $("#cprice").html("$ " + total_price);
}