尝试通过 ruby 迭代为 bootstrap 模态创建特定数据目标
Trying to create a specific data-target for bootstrap modal through ruby iteration
我在 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>
我给包含图像的 link 数据目标属性并赋予它具有 slide.id 的值,这样我就可以给出一个特定的 id 和数据目标 links 图像和模态。但问题是,为了使模态起作用,我需要添加“#"in front of slide.id to have something that looks like data-target="#39”
我尝试了一些这样的事情:
data-target= "#"<%=slide.id%>
和其他东西但没有给我想要的结果并使模态工作!
<a href="#" data-target= <%= "#" + slide.id.to_s %> data-toggle="modal">licence</a>
尝试这个
我在 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>
我给包含图像的 link 数据目标属性并赋予它具有 slide.id 的值,这样我就可以给出一个特定的 id 和数据目标 links 图像和模态。但问题是,为了使模态起作用,我需要添加“#"in front of slide.id to have something that looks like data-target="#39” 我尝试了一些这样的事情:
data-target= "#"<%=slide.id%>
和其他东西但没有给我想要的结果并使模态工作!
<a href="#" data-target= <%= "#" + slide.id.to_s %> data-toggle="modal">licence</a>
尝试这个