【问题标题】:How to put data-clearing with image_tag and link_to?如何使用 image_tag 和 link_to 进行数据清除?
【发布时间】:2015-07-13 10:45:04
【问题描述】:

如何使用 image_tag 和 link_to 进行数据清除? 我试过了,但它不起作用

<ul class="clearing-thumbs small-block-grid-4" data-clearing>
          <% @galleries.each do |f| %>


            <!-- <a href= f.image.url class="gal"> -->

              <%= link_to link_to f.image.url , image_tag(f.image.url(:medium)) %></li>


            <div class="box_bot">
                <% if current_user && current_user.admin? %>  
                  <%= link_to "Delete", f,class: "btn", method: :delete, data: { confirm: "Are you sure you want to delete this?" } %>
                <% end %>
                  <!-- <a href="#" class="fa fa-chevron-right"></a> --> 

      </div>

      <% end %> </ul>

【问题讨论】:

    标签: ruby-on-rails ruby zurb-foundation


    【解决方案1】:

    有一个重复的link_to link_to。你可能只需要一个。

    除此之外,我建议使用括号并修复缩进以提高可读性:

    <ul class="clearing-thumbs small-block-grid-4" data-clearing>
      <% @galleries.each do |f| %>
    
        <%= link_to(f.image.url, class: 'gal') do %>    
          <%= image_tag(f.image.url(:medium)) %>
        <% end %>
    
        <div class="box_bot">
          <% if current_user && current_user.admin? %>  
            <%= link_to('Delete', f,
                        class: 'btn', 
                        method: :delete, 
                        data: { 
                          confirm: 'Are you sure you want to delete this?'
                        }) %>
          <% end %>
        </div>
      <% end %>
    </ul>
    

    此外,您的示例包括结束&lt;/li&gt;,但没有开口&lt;li&gt;。我删除了结束 &lt;/li&gt;,因为只有一个结束标签是无效的 HTML。您必须在上述代码的适当位置添加(开始和结束标记)。

    【讨论】:

      【解决方案2】:
      <ul class="clearing-thumbs clearing-feature" data-clearing>
                <% @galleries.each do |f| %>
      
      
             <li>     <%= image_tag (f.image.url)%>
       <% image_tag (f.image.url(:medium)) %></li>
      

      谢谢我修好了

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-11-16
        相关资源
        最近更新 更多