在单击div内的范围时停止link_to

Question

我在一个项目中工作，这个项目有一个围绕着div的link_to，当单击它时，它会路由到指定的讨论。但是，我还在div中添加了一个跨度，它充当一个“书签”按钮，当按下该按钮时，它使用一些javascript将该讨论添加到书签中。但是，它也会激活link_to并将页面路由到讨论页面。有没有办法让link_to在用户点击跨度时不会被激活？

<%= link_to discussions_path(discussion_id: discussion.id) do %>
  <div tabindex="4" class="discussion-item row">
    <h4 class="discussion-item-title">
      <%= discussion.title %>
      <% if current_user %>
        <span class="change-icon favorite-discussion" 
          data-id=<%=discussion.id.to_s%> 
          data-fav=<%= @favorite_discussions.include?(discussion) %>>
          <% if @favorite_discussions.include?(discussion) %>
            <i class="fa fa-star pull-right" id=<%="star#{discussion.id}"%>></i>
          <% else %>
            <i class="fa fa-star-o pull-right" id=<%="star#{discussion.id}"%>></i>
          <% end %>
          <i class="fa fa-star pull-right"></i>
        </span>
      <% end %>
      <div class = "discussion-item-date pull-right">
        <% if discussion.created_at > Time.now.beginning_of_day %>
            <%= time_ago_in_words(discussion.created_at) %> ago
        <% else %>
            <%= discussion.created_at.strftime("%b %d, %Y") %>
        <% end %>
      </div>
    </h4>
    <p class="discussion-item-description">
      <%= discussion.content %>
    </p>
  </div>
<% end %>

Answer 1

首先:我不会将跨度嵌套在链接中，但如果您设置了跨度，或者无法更改它...

我猜你正在使用jquery。当您将JS用于书签链接/span时，您可以使用：

event.preventDefault();