link_to删除内部可点击的tr

Question

我想创建包含删除按钮列的表。 此外，我希望在点击该行后将用户重定向到详细信息页面。

问题是因为删除按钮位于可点击的行内。

目前点击删除按钮后，用户将被重定向到详细信息页面。

html.haml

%tbody
- wallets.each do |wallet|
    %tr.clickable-row{"data-href" => wallet_path(wallet)}
        %td= wallet.name
        %td= link_to 'Destroy', wallet, method: :delete, class: "btn btn-danger inside-link", data: { confirm: 'Are you sure?' }

js.coffee

$ ->
    $('.clickable-row').click ->
        window.document.location = $(this).data('href')
    $('.inside-link').click (event) ->
        event.stopImmediatePropagation()

Answer 1

您无需为此进行任何js更改。您可以通过为button和tr tag设置z-index属性来实现它。尝试设置

  

的z-index：1;

在tr标签上。并且

  

的z-index：2;

在删除按钮上。一切都完成了

Answer 2

IT是因为rails'javascript的事件处理程序由于数据确认而触发事件冒泡。

Rails将click事件处理程序添加到数据确认元素，这将触发确认对话框。所以我相信在这种情况下，该事件处理程序正在触发事件冒泡。

请尝试删除数据确认。