Question

在Rails 4中，我试图在bootstrap模式中的索引页面上渲染show.html.erb。

index.html.erb：

<% @links.each do |item| %>

      <h4><%= link_to (item.title), '#myModal', 'data-toggle' => 'modal' %>
        Submitted <%= time_ago_in_words(item.created_at) %> ago       
      </h4>

    <div class="modal fade" id="myModal" tabindex="-1" role="document" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">Modal title</h4>
        </div>
        <div class="modal-body">
        <%= render :partial => 'show_modal', :locals => { :item => item } %>
        </div>
        </div>
      </div>
    </div>
  </div>
<% end %>

_show_modal.html.erb：

<div class="col-md-offset-2 col-md-4" id="telegraph">

<h1><a href="<%= item.url %>" target="_blank"><%= item.title %></a></h1>
  <p><%= item.content %></p>
</div>

目前，模式显示效果很好，但无论我点击哪个链接，模式都只会显示link内@links内的第一个scanf("%[^\n]", input);的数据

任何帮助都会很棒。

Answer 1

您需要以不同的方式命名每个模态。

尝试将每个模态ID设置为myModal-id，其中id是item

的ID

例如：

   <h4><%= link_to (item.title), "#myModal-#{item.id}", 'data-toggle' => 'modal' %>
   Submitted <%= time_ago_in_words(item.created_at) %> ago       
   </h4>

和

<div class="modal fade" id="myModal-<%= item.id %>" tabindex="-1" role="document" aria-labelledby="myModalLabel">

从索引

1 个答案: