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打开简历，但问题是恢复，因为无论我打开它的简历都将以模态显示第一个应用程序简历所以我想知道为什么我得到这个是我的代码有任何错误，因为像<%= link_to "Applicant cv", job_application.resume.url %>这样的东西工作得很好，但我想在模态中打开简历

Answer 1

您的问题是您正在创建许多模式div，所有模式div都具有“pdfModal”ID，并且页面上的每个按钮都以SAME ID为目标。在CSS中，每页只应使用一次ID。所以，为了解决你的问题，我建议你为每个循环添加一个索引，根据索引命名每个模态，然后让按钮指向那个特定的模态。

CallNumber.Value

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

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

在每个循环轨道中获取数据

1 个答案: