##困っていること・前提
jQueryを使った部分更新について質問です。
上記のようなレイアウトにしたいのですが、
マイプロフィールページで投稿一覧やフォローのボタンを押したときに内容が下に表示されるような感じにしたいです。
自分でも色々と調べたのですが、検索フォームや投稿フォームの送信時の記事はありましたが、
自分のようなリンクを押して部分更新する記事はみつけられませんでした。
これはそもそもjQueryだけで実装可能なのでしょうか。ReactやVueで部分SPAする必要があるのでしょうか?
##show.html.erb
<div id="wrapper"> <article> <header> <div class="h-profile"> <% if @profile.image.attached? %> <%= image_tag @profile.image, class: 'profile-img' %> <% else %> <%= image_tag 'nouser.png', class: 'profile-img' %> <% end %> <div class="profile-item"> <h1><span><%= @profile.name %></span></h1> <p><%= @profile.description %></p> </div> <%= link_to 'プロフィールを編集', edit_user_registration_path, class: 'btn' %> </div> <div class="h-menu"> <nav> <ul class="h-items active"> <div class="h-item"> <%= link_to '投稿', '/' %> </div> <div class="h-item"> <%= link_to 'フォロー', '/' %> </div> <div class="h-item"> <%= link_to 'フォロワー', '/' %> </div> <div class="h-item"> <%= link_to 'いいね', '/' %> </div> </ul> </nav> </div> </header> </article> <div class="contens"> <article> <% @posts.each do |post| %> <section> <figure> <%= link_to post do %> <% post.images.each do |image| %> <%= image_tag image %> <% end %> <% end %> </figure> <h1><%= post.thumbnail %></h1> </section> <% end %> </article> </div> </div>
##profiles_controller.rb
class ProfilesController < ApplicationController before_action :authenticate_user! def show @profile = User.find(params[:id]) @posts = @profile.posts.page(params[:page]).per(10).order('updated_at DESC') end private end
回答1件
あなたの回答
tips
プレビュー