Question

我有模型Post.rb标题和描述

我的索引页。

Title 1
Title 2
Title 3

我需要在同一页面的bootstrap模态窗口中打开描述

index.html.erb

<ul class="content">
  <%= render @posts %>
</ul>

_post.html.erb

<li> 
  <%= link_to post.title, '#myModal', 'data-toggle' => 'modal' %>

  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel"><%= post.title %></h4>
      </div>
      <div class="modal-body">
        <%= post.description %>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
</li>

Answer 1

_post.html.erb

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content" id="modal_content">
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

创建部分_post_content.html.erb

<div class="modal-header">
  <h4 class="modal-title" id="myModalLabel"><%= post.title %></h4>
</div>
<div class="modal-body">
  <%= post.description %>
</div>

2

<%= link_to post.title, show_modal_path(post_id: post.id), remote: true %>

3

def show_modal
  @post = Post.find(params[:post_id])
end

4。show_modal.js.erb

$('#modal_content').html("<%= j render 'post_content', post: @post %>");
$("#myModal").modal('show');

为show_modal ex-

获取'show_modal /：id'，以：'your_controller＃show_modal'，如下：show_modal_path

Ruby on rails bootstrap模态窗口

1 个答案: