拖放不放入购物车

Question

我可以拖动专辑封面的图片，当它们被拖离购物车按钮时，它们会克隆并回到原来的位置，但是当我把它拖到购物车按钮上时，它不会更新购物车，它只是回到原来的状态。为什么会出现这种情况?

        $("#droppable").droppable({
            drop: function (event, ui) {
                var AlbumToAdd = ui.draggable.data("id");
                if (AlbumToAdd != '') {
                    // Perform the ajax post
                    $.post("/ShoppingCart/DragToCart", { "id": AlbumToAdd },
                        function (data) {
                            // Successful requests get here
                            // Update the page elements
                            $('#cart-status').text("Cart (" + data.CartCount + ")");
                        });
                }
            }
        });

控制器

//
// GET: /Store/DragToCart/5
public ActionResult DragToCart(int id)
{
    // Retrieve the album from the database
    var addedAlbum = storeDB.Albums
        .Single(album => album.AlbumId == id);
    // Add it to the shopping cart
    var cart = ShoppingCart.GetCart(this.HttpContext);
    cart.AddToCart(addedAlbum);
    var results = new DragToCartViewModel
    {
        Message = Server.HtmlEncode(addedAlbum.Title) +
            "Your cart has been updated",
        CartTotal = cart.GetTotal(),
        CartCount = cart.GetCount(),
        AddedId = id
    };
    return Json(results);

如果您想查看更多代码，请注释

Answer 1

您发现代码的哪一部分不起作用了吗?是可放下的JS还是控制器?如果你输入alert("blah");在你的JS中，你可以找出哪些代码没有被触发。