如何更新物品掉落时的总价格？

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); 
}