从列表中添加/删除项目并更新总数

我正在构建类似于购物车的东西，但将项目添加到候选列表中。从列表中添加/删除项目并更新总数

我需要将商品添加到购物车，然后更新购物车数量并在模态窗口中显示添加的商品（我打算使用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

从列表中添加/删除项目并更新总数

回答

相关问题