0

我可以拖动专辑封面的图像，当它们从购物车按钮上移开时，它们会克隆并返回到原来的位置，但是当我将它放在购物车按钮上时，它不会更新购物车，它只是回到原来的位置状态。为什么会出现这种情况？

        $("#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);

如果您想查看更多代码，请发表评论

4

1 回答 1

1

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

于 2011-08-30T10:42:10.250 回答