拖放不放入购物车

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 中你可以找出哪些代码没有被触发。