從列表中添加/刪除項目並更新總數

我正在構建類似於購物車的東西，但將項目添加到候選列表中。從列表中添加/刪除項目並更新總數

我需要將商品添加到購物車，然後更新購物車數量並在模態窗口中顯示添加的商品（我打算使用Reveal plugin by Zurb）。

到目前爲止，我已經添加到購物車的工作，但我還沒有能夠更新計數（無刷新頁面）或顯示模式。

$('a.add-to-shortlist').on('click',function(){ 
$.ajax({ 
    url: $(this).attr('data-href'), 
    success: function(data) {  
     verb = data['verb']; 
     total_items = data['total_items']; 
     alert('item added to shortlist'); 
    } 
}); 
    // stop event propagation here 
return false; 
});

幫助表示讚賞。

來源

2013-05-03 Steven Grant

因此，這部分是不工作？你有警覺嗎？你確認'total_items'是正確的嗎？ – JJJ 2013-05-03 13:21:07

你的警報是否正在關閉？在測試AJAX時，我通常會引入成功和錯誤回調處理程序，以便我可以調試每個。如果您可以調試並向我們展示您獲取的數據對象中的內容，那麼不會受到傷害。 – cchamberlain 2013-05-03 13:24:21

警報顯示正常，計數已更新（頁面刷新顯示購物車項目已更新）。這裏有一些關於數據對象的更好的信息http://squarebit.co.uk/shortlist/docs/ajax-actions#content – 2013-05-03 13:32:30

要更改後的e.preventDefault（）調用的文本，把函數內的下列 -

e.preventDefault(); 

    $(this).text('remove from list');

來源

2013-05-03 14:12:27 cchamberlain

嗯，這工作雖然我們只想在成功？ – 2013-05-03 15:05:09

你是對的，我只是將文本更改成成功回調。 – cchamberlain 2013-05-07 04:49:07

試試這個

$('.item-count')html(total_items);

來源

2013-05-03 13:16:05 PSR

你的意思是$（'。item-count'）。html（total_items）; ？我試過已經 – 2013-05-03 13:19:02

從列表中添加/刪除項目並更新總數

回答

相關問題