ruby-on-rails - 如何使用 Ruby on Rails 5 在模态中打开帖子显示页面

Question

我的主页显示了一个帖子列表，当我点击一个帖子时，它会作为一个新页面打开，

但我需要留在主页并打开帖子显示页面作为模态。知道怎么做吗？

谢谢

Answer 1

解决方案是假设您正在使用 bootstrap ...

更改 js 请求的显示操作

  def show
    @post = Post.find(params[id])
    respond_to do |format|
      format.js
    end
  end

在帖子索引的末尾添加这个 div

<div id='post-content'></div>

您现在显示页面的链接必须看起来像这样

  <%= link_to 'View Post', post_path(post), remote: true %>

添加一个新文件 posts/show.js.erb

$('#post-content').html("<%= j render 'post_modal', post: @post %>");
$('#post-modal').modal('show');

添加部分posts/_post_modal.html.erb

<div id="post-modal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <div>
         --- put all your show.html.erb code here 
      </div>
    </div>
  </div>
</div>