Question

我正在写一个小小的coffeescript来从HTML中删除一个列表。这是我的示例HTML：

<li class="picture col-xs-3" id="picture_38">
 <div class="thumbnail">
  <img src="/system/uploads/picture/image/38/thumb_ASUS_EeePadMeMo_2.jpg">
  <div class="caption">
   <a class="btn red btn-xs img_action_remove" data-method="delete" data-remote="true"   href="/admin/galleries/3/pictures/38" rel="nofollow" title="Remove">
    Delete
   </a>
  </div>
 </div>
</li>

我有几个li项目，当我点击带有img_action_remove标记的链接时，我需要删除列表项。这是我的剧本：

$ ->
  $('.img_action_remove').bind 'ajax:success', (event, data, status, xhr) ->
    $(this).closest('li').remove()

对我来说它看起来很好，但我确信我错了一些遍历DOM的东西。

Answer 1

问题是该链接导航到指定的href，您需要做什么添加点击处理程序以链接到类img_action_remove并使用

$(".img_action_remove").click (e)->
  e.preventDefault(); //then your functionality

检查这个小提琴，已在jquery http://jsfiddle.net/u49zq/

中实现

JQuery nearest（）选择器无法正常工作

1 个答案: