获取数据轨

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 %>工作得很好，但我想打开简历in modal

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">