在每个循环中获取数据 rails

Question

在我的 rails 应用程序中，每个循环都有这个

<ul>
<% @job.job_applications.each do |job_application| %>
  <li>
    <%= raw (simple_format(job_application.cover_letter)) %>

<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#pdfModal">
  view cv
</button>

<!-- Modal -->
<div class="modal fade" id="pdfModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" style = "height:500px; width:1000px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body" style = "height:500px; width:1000px;">
        <iframe src="<%= job_application.resume.url %>" frameborder="0" style = "height:100%; width:100%;"></iframe>
      </div>
    </div>
  </div>
</div>
</li>
<% end %>
</ul>

所以我想做的是获取 cover_letter 并以模态方式为每个 job_application 打开简历，但问题在于简历，因为无论我打开什么简历，它都会以模态显示第一个应用程序简历所以我想知道为什么我得到这个是我的代码中有任何错误因为像 thsi <%= link_to "Applicant cv", job_application.resume.url %> 这样的东西工作得很好但我想在模态

中打开简历

Answer 1

您的问题是您正在创建许多模态 div，它们的 ID 均为 "pdfModal"，并且您页面上的每个按钮都指向相同的 ID。在 CSS 中，一个 ID 应该每页只使用一次。因此，为了解决您的问题，我建议为每个循环添加一个索引，根据索引命名每个模态，然后让按钮指向该特定模态。

<% @job.job_applications.each_with_index do |job_application, index| %>

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#pdfModal-<%= index %>">

<div class="modal fade" id="pdfModal-<%= index %>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

在每个循环中获取数据 rails

Getting data in each loop rails

ruby

loops

ruby-on-rails

ruby-on-rails-3

ruby-on-rails-4