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：< / p>

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

在没有其他JavaScript链接重定向发生的情况下，我无法点击“编辑”。

如何做到这一点，所以当我按下“编辑”时，其他javascript无法启动？还是以某种方式将其隐藏在“编辑”下？

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

我该怎么办？

Answer 1

尝试使用

event.stopPropagation()

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

1 个答案: