Javascript点击功能，如何避免其他链接？

Question

我有以下 javascript 将表格行转换为链接：

$("tr[data-link]").click(function() {
  window.location = $(this).data("link")
})

用于此表：

<tr data-link="<%= vendor_order_path(order) %>">
  <td class="center"><%= order.created_at %></td>
  ....
  <td class="center">
    <div class=""><%= order.fulfillment_status %>
      <a href="" class="form-show">Edit</a></div>
    <div class="form-hide">
    <%= form_for order do |f| %>
      <%= f.text_field :tracking_numbers %>
      <%= f.submit "Update Tracking" %>
    <% end %>
  </td>
</tr>

它工作正常，它应该如何工作，但我的问题是如果没有上述 JS 触发并链接到新页面，则无法单击底部表单的“编辑”...它使用此 javascript:

$(document).on('turbolinks:load', function(){
  $('a.form-show').click(function(event){
    event.preventDefault();
    $(this).parent().next('div.form-hide').toggle();
  });
});

如果不发生其他 javascript 链接重定向，我无法单击“编辑”。

我怎样才能做到这一点，当我按下“编辑”时，其他 javascript 不会触发？或者以某种方式将其置于编辑之下？

我喜欢它的工作方式，因为我用鼠标指针突出显示表格，并允许用户单击链接到他们单击的项目的“显示”页面。但我还需要编辑才能工作。

我能做什么？

Answer 1

尝试使用

event.stopPropagation()