@keita32323 (inamori keita)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

viewのいいねの_を消したい

解決したいこと

オリジナルアプリでいいね機能を実装していると_のような線が入ってしまいます。
これを消し方を知りたいです。

発生している問題

または、問題・エラーが起きている画像をここにドラッグアンドドロップ
いいね.png

該当するソースコード

```rails html css javascript
ソースコードを入力

index.html.erb
div class='content'>投稿一覧</div>
<%= form_with(url: search_ramen_path, local: true, method: :get, class: "search-form") do |form| %>
  <%= form.text_field :keyword, placeholder: "投稿を検索する", class: "search-input" %>
  <%= form.submit "検索", class: "search-btn" %>
<% end %>
 <ul class='ramen-contents'>
    <% @ramen.each do |ramen| %>
    <li class='list'>
        <%= link_to raman_path(ramen.id) do%>
            <div class='ramen-img-content'>
                <%= image_tag ramen.image, class: 'ramen-image' if ramen.image.attached? %>
            </div>
        <% end %>
        <div class = 'ramen-info'>
            <div class = 'store'>
            <%= '店名:' + ramen.store_name %>
            <div class="name">
            <%= '商品名:' + ramen.ramen_name %>
      </div>
            <div class="star">
        <%= 'オススメ度:' + ramen.star.name %>
        </div>
            <div id="likes_buttons_<%= ramen.id %>">
            <%= render partial: 'likes/like', locals: {ramen: ramen} %>
            </div>
        </div>
    </li>
    <% end %>
 </ul>
</div> 

_like.html.erb
<% if user_signed_in? %>
 <% if current_user.liked_by?(ramen.id) %>
   <td>
     <%= link_to destroy_like_path(ramen), method: :DELETE, remote: true do %> 
       <div class="fa fa-heart unlike-btn"></div> 
     <% end %> 
     <%= ramen.likes.count %>
   </td>
 <% else %>
   <td>
     <%= link_to create_like_path(ramen), method: :POST, remote: true do %> 
       <i class="fa fa-heart like-btn"></i> 
     <% end %> 
     <%= ramen.likes.count %>
   </td>
 <% end %>
<% end %>   
create.js.erb
$('#likes_buttons_<%= @ramen.id %>').html("<%= j(render partial: 'likes/like', locals: {ramen: @ramen}) %>");
destroy.js.erb
$('#likes_buttons_<%= @ramen.id %>').html("<%= j(render partial: 'likes/like', locals: {ramen: @ramen}) %>");
routes.rb
Rails.application.routes.draw do
  devise_for :users
  root to: 'ramen#index'
  resources :ramen do
    resources :comments, only: :create
    collection do
      get 'search'
    end
  end
  resources :users, only: :show
   post 'like/:id' => 'likes#create', as: 'create_like'
 delete 'like/:id' => 'likes#destroy', as: 'destroy_like'
end
ramen_controller.rb
    def index
        @ramen = Ramen.all.order("created_at DESC")
    end

likes_controller.rb
class LikesController < ApplicationController
    before_action :ramen_params
 def create
   Like.create(user_id: current_user.id, ramen_id: params[:id])
 end

 def destroy
   Like.find_by(user_id: current_user.id, ramen_id: params[:id]).destroy
 end

 private

 def ramen_params
   @ramen = Ramen.find(params[:id])
 end
end

like.rb
class Like < ApplicationRecord
    belongs_to :user
    belongs_to :ramen
end

ramen.rb
class Ramen < ApplicationRecord
    belongs_to :user
    has_many :likes
    has_many :comments, dependent: :destroy
    has_one_attached :image
    def self.search(search)
    if search != ""
      Ramen.where('store_name LIKE(?)', "%#{search}%")
            Ramen.where('ramen_name LIKE(?)', "%#{search}%")
    else
      Ramen.all
    end
  end
    extend ActiveHash::Associations::ActiveRecordExtensions
  belongs_to :star
    validates :ramen_name,:image,:store_name,:star_id, presence: true
    validates :star_id, numericality: { other_than: 1 , message: "を入力してください"} 
end

likes.scss
.like-btn {
    font-size: 20px;
    color: #808080;
 }

 .unlike-btn {
    font-size: 20px;
    color: #e54747;
 }
user.rb
class User < ApplicationRecord
  has_many :ramen
  has_many :likes
  has_many :comments
  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable

  validates :nickname, presence: true
  def liked_by?(ramen_id)
    likes.where(ramen_id: ramen_id).exists?
  end
end

自分で試したこと

検証ツールで確認したりインターネットで調べましたが原因がわかりませんでした。

0 likes

1Answer

Your answer might help someone💌