尝试通过ruby迭代为

时间:2015-05-29 11:28:03

标签: ruby-on-rails each bootstrap-modal

我在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%> 

和其他东西,但什么都没有给我我想要的结果,并使模态工作!

1 个答案:

答案 0 :(得分:2)

 <a href="#" data-target= <%= "#" + slide.id.to_s %> data-toggle="modal">licence</a>

尝试这个