2011-08-30 71 views
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); 

評論,如果你想看到更多的代碼

回答

1

你有沒有發現,這部分代碼不能正常工作?它是可丟棄的JS或控制器?如果你把alert(「blah」);在你的JS中,你可以找出哪些代碼沒有被觸發。

+0

我添加了一個警報,沒有任何反應,警報沒有顯示,它只是做了它之前做的 – JaredH20

+0

你把警報放在哪裏?如果你把它放在'//執行ajax post'和'//更新頁面元素'不同的值,你可以看到哪一個不會觸發 –

+0

我像你說的那樣添加了警報但沒有警報出現 – JaredH20