jquery - 我在使用 event.preventDefault(); 时遇到问题获取我的 DOM 上的 ahref

Question

我在使用 DOM 上的 ahref 的 event.preventDefault(); 时遇到问题。

如何防止 URL 发布 nofollow 删除(如使用 JQuery 的 HTML 指定的那样)？

<td class="trash_can">
<a rel="nofollow" data-remote="true" data-method="delete" data-confirm="Are you sure you want to delete Greek Theater at U.C. Berkeley?" href="/promotions/2/places/46">
<img id="trash_can" src="http://test.dev/images/trash.png?1305741883" alt="Trash">

以下代码应该会破坏 HTML，但 HTML 在发出“您确定吗”警告之前发布删除操作。没有什么不工作:

  $(function(){
  $('.trash_can a').click(function(event) {
    event.preventDefault();
    console.log('Clicked Delete');
  });
});

Answer 1

您可能不仅需要 event.preventDefault()，还需要执行 return false。 PreventDefault() 会阻止默认操作，但事件仍然会冒泡，可能会到达下一个处理程序，这可能是 Fredrik 指出的 Rails 处理程序:

 $(rails.linkClickSelector).live('click.rails', function(e) {
    var link = $(this);
    if (!rails.allowAction(link)) return rails.stopEverything(e);

    if (link.data('remote') !== undefined) {
      rails.handleRemote(link);
      return false;
    } else if (link.data('method')) {
      rails.handleMethod(link);
      return false;
    }
  });