添加/删除列表中的项目并更新总计

Question

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

我需要将项目添加到购物车，然后更新购物车计数并在模态窗口中显示添加的项目（我打算使用Reveal plugin by Zurb）。

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

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 );