Javascript 尝试从购物车中删除项目时，CoffeeScript无法正常工作

在MichaelHartl的教程之后，我开始更多地研究rails，并决定将我已经构建的内容与下面的简单购物车教程结合起来

在最后，我试图从购物车中删除现有的物品，并期望数量也会相应地改变。一般来说，我对javascipt比较陌生，所以任何提示都将不胜感激

carts/show.html.erb

<div id="mycart" class="small-10 small-centered medium-8 large-8 column">
  <div class="p1 glassy-bg mb1 text-center radius-l1 radius-r1">
    <h4>My Cart</h4>
    <p class="mb0"> You've selected <span class="cart-count"><%=current_user.cart_count%></span> movies!</p>
  </div>

  <% @cart_panels.each do |panel|%>
  <div data-equalizer class="cart-movie large-12 column mb1">
    <div class="column large-7 glassy-bg text-center" data-equalizer-watch>
        <p class="scale ptm"> <%= panel.title %> </p>
    </div>
    <div class="column large-3 primary-bg text-center radius-r1" data-equalizer-watch>
      <%=link_to "" , data: {targetUrl: remove_from_cart_path(panel)} do%>
        <i class="fi-x right"></i> REMOVE
      <%end%>
      <h4 class="scale">$ <%= panel.price %></h4>
    </div>
  </div>
  <%end%>
</div>

---

上面的代码与教程中的代码几乎完全相同，但我的代码不起作用。我做错了什么？

什么是不工作？您的点击处理程序是否被调用？url是否是您所期望的？您的服务器代码被调用了吗？它是否返回了您期望的结果？当我单击“删除”链接时，该数字不会从1更改为0。对不起，我不太熟悉js，所以我只是想知道我的代码中是否有逻辑错误。学习一门新语言的一个重要部分就是学习如何调试它。在我之前的评论中有很多问题，你需要找到这些问题的答案。

$(window).load ->
  $('#mycart .fi-x').click (e) ->
    e.preventDefault()
    $this = $(this).closest('a')
    url = $this.data('targeturl')
    $.ajax url: url, type: 'put', success: (data) ->
      $('.cart-count').html(data)
      $this.closest('.cart-movie').slideUp()