stopping link_to при нажатии на пробел внутри div

Question

Я работаю над проектом, который имеет link_to вокруг div, который направляется к указанному обсуждению при нажатии. Тем не менее, я также добавил span внутри div, который действует как кнопка «bookmark», которая использует некоторый 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 bookmark, вы можете использовать это:

event.preventDefault();