div内のスパンをクリックしたときにlink_toを停止する

Question

私はdivを中心にlink_toを持つプロジェクトに取り組んでいます。これは、クリックすると指定したディスカッションにルーティングされます。しかし、私はdiv内のスパンを追加して「ブックマーク」ボタンとして機能させました。このボタンは、ジャンパを押すとそのディスカッションをブックマークに使用します。ただし、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を使用すると、次のように使用できます。

event.preventDefault();