ruby-on-rails - 在每个循环 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>

所以我想做的是获取求职信并以模态打开每个 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">