は5

Question

私のホームページには、投稿の一覧を表示し、私はポストをクリックしたとき、それは、新しいページとしてオープン

が、私はホームページに滞在する必要がありますショーページをモーダルとして公開します。どのようなアイデア？

は

変更がjsのためのあなたのshowアクションは

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

が、これはポストインデックスの最後にDIV追加要求...

Answer 1

ソリューションを使用すると、ブートストラップを使用している前提であるありがとう

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

あなたのリンク先ページは次のようになっている必要があります今

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

show.js.erb

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

は/ _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>