在我的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">×</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 %>
这样的东西工作得很好,但是我想用模态打开简历。
发布于 2015-04-22 22:28:13
您的问题是,您正在创建许多模式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">
https://stackoverflow.com/questions/29809770
复制相似问题