我在rails项目中使用bootstrap模式。在这个页面上,我必须遍历我的幻灯片,并为每张幻灯片创建一个模态。我提出了这个解决方案:
<% @slides.each do |slide| %>
<div class="row slidecard text-center">
<div class="col-xs-12 ">
<h2><%= slide.name.upcase %></h2>
<p><em><%= slide.description %></em></p>
<a href="#" data-target=<%=slide.id%> data-toggle="modal">
<%= image_tag slide.picture.url(:medium) %>
</a>
<div class="modal fade" id= <%=slide.id%>>
<div class="modal-dialog mymodal">
<div class="modal-content text-center">
<div class="modal-body">
<%= image_tag slide.picture.url(:original) %>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div
</div>
我给包含图像的链接提供了data-target attr并给它带有slide.id的值,这样我就可以给出一个链接图像和模态的特定id和数据目标。但问题是,为了使模式工作,我需要在slide.id前添加“#”,使其看起来像data-target =“#39” 我试过了几件事:
data-target= "#"<%=slide.id%>
和其他东西,但什么都没有给我我想要的结果,并使模态工作!
答案 0 :(得分:2)
<a href="#" data-target= <%= "#" + slide.id.to_s %> data-toggle="modal">licence</a>
尝试这个