當點擊一個div內的跨度時，停止link_to

Question

我正在研究一個項目，該項目有一個div的link_to，當點擊時它會路由到指定的討論。但是，我還在div中添加了一個span，充當「書籤」按鈕，它在按下時使用一些javascript來爲討論添加書籤。但是，它也會激活link_to並將頁面路由到討論頁面。有什麼辦法可以讓link_to在用戶點擊span時不激活嗎？

<%= 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作爲書籤鏈接/跨度時，您可以使用：

event.preventDefault();