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

Question

我正在构建类似于购物车的东西，但将项目添加到候选清单中。

我需要将项目添加到购物车，然后更新购物车计数并在模式窗口中显示添加的项目（我计划使用Zurb 的 Reveal 插件）。

到目前为止，我已经完成了添加到购物车的工作，但我还不能更新计数（不刷新页面）或显示模式。

http://jsfiddle.net/x7Azn/2/

$('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;
});

帮助表示赞赏。

Answer 1

要更改 e.preventDefault() 调用之后的文本，请将以下内容放入函数中 -

  e.preventDefault();

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

Answer 2

试试这个

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