Javascript 拖放而不是在购物车中拖放
我可以拖动相册艺术的图像,当从购物车按钮中删除时,它们会克隆并返回到原始位置,但当我将其放到购物车按钮上时,它不会更新购物车,它只会返回到原始状态。为什么会这样Javascript 拖放而不是在购物车中拖放,javascript,asp.net-mvc-3,jquery-ui,drag-and-drop,Javascript,Asp.net Mvc 3,Jquery Ui,Drag And Drop,我可以拖动相册艺术的图像,当从购物车按钮中删除时,它们会克隆并返回到原始位置,但当我将其放到购物车按钮上时,它不会更新购物车,它只会返回到原始状态。为什么会这样 $("#droppable").droppable({ drop: function (event, ui) { var AlbumToAdd = ui.draggable.data("id"); if
$("#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);
如果您想查看更多代码,请发表评论。请发布您的拖拽逻辑,拖拽逻辑可以是许多东西中的任何一种。张贴你的来源,我们可以帮助撕裂它。