thẻ link_to image. cách thêm lớp vào thẻ

Tôi đang sử dụng thẻ link_to img như sau

<%= link_to image_tag("Search.png", :border=>0, :class => 'dock-item'), 
:action => 'search', :controller => 'pages'%><span>Search</span></a>

Dẫn đến html sau

<a href="/pages/search"><img alt="Search" border="0" class="dock-item" 
src="/images/Search.png?1264132800" /></a><span>Search</span></a> 

Tôi muốn class = "dock-item" chuyển đến <a>thẻ thay vì thẻ img.

Làm thế nào tôi có thể thay đổi điều này?

Cập nhật:

<%= link_to image_tag("Search.png", :border=>0), :action => 'search', 
:controller => 'pages', :class => 'dock-item' %>

kết quả trong

<a href="/pages/search?class=dock-item"><img alt="Search" border="0" 
src="/images/Search.png?1264132800" /></a> 

xin chào bạn có thể thử làm điều này

link_to image_tag("Search.png", border: 0), {action: 'search', controller: 'pages'}, {class: 'dock-item'}

hoặc thậm chí

link_to image_tag("Search.png", border: 0), {action: 'search', controller: 'pages'}, class: 'dock-item'

lưu ý rằng vị trí của các dấu ngoặc nhọn là rất quan trọng, vì nếu bạn bỏ sót chúng, các đường ray sẽ cho rằng chúng tạo thành một tham số băm duy nhất (đọc thêm về điều này tại đây )

và theo api cho link_to :

link_to(name, options = {}, html_options = nil)

1. tham số đầu tiên là chuỗi được hiển thị (hoặc nó cũng có thể là image_tag)
2. thứ hai là tham số cho url của liên kết
3. mục cuối cùng là tham số tùy chọn để khai báo thẻ html, ví dụ: class, onchange, v.v.

hy vọng nó giúp! =)

Chỉ cần thêm vào là bạn có thể chuyển link_tophương thức một khối:

<%= link_to href: 'http://www.example.com/' do %>
    <%= image_tag 'happyface.png', width: 136, height: 67, alt: 'a face that is unnervingly happy'%>
<% end %>

kết quả trong:

<a href="/?href=http%3A%2F%2Fhttp://www.example.com/k%2F">
    <img alt="a face that is unnervingly happy" height="67" src="/assets/happyface.png" width="136">
</a>

Đây là một cứu cánh khi nhà thiết kế đã cho tôi các liên kết phức tạp với các hiệu ứng cuộn qua css3 lạ mắt.

Tốt nhất sẽ là:

link_to image_tag("Search.png", :border => 0, :alt => '', :title => ''), pages_search_path, :class => 'dock-item'

đây là giải pháp của tôi:

<%= link_to root_path do %>
   <%= image_tag "image.jpg", class: "some class here" %>
<% end %>

Dễ dàng:

<%= link_to image_tag("Search.png", :border=>0), :action => 'search', :controller => 'pages', :class => 'dock-item' %>

Tham số đầu tiên của link_to là văn bản / html để liên kết (bên trong thẻ a ). Tập hợp thông số tiếp theo là các thuộc tính url và các thuộc tính liên kết.

Để trả lời câu hỏi cập nhật của bạn, theo http: //api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html ...

Hãy cẩn thận khi sử dụng kiểu đối số cũ hơn, vì cần thêm một hàm băm theo nghĩa đen:

  link_to "Articles", { :controller => "articles" }, :id => "news", :class => "article"
  # => <a href="https://stackoverflow.com/articles" class="article" id="news">Articles</a>

Để lại hàm băm sẽ tạo ra liên kết sai:

  link_to "WRONG!", :controller => "articles", :id => "news", :class => "article"
  # => <a href="https://stackoverflow.com/articles/index/news?class=article">WRONG!</a>

Toàn bộ :action =>, :controller => thứ mà tôi đã thấy xung quanh không hiệu quả với tôi.

Đã dành hàng giờ để đào và phương pháp này chắc chắn hiệu quả với tôi.

<%=link_to( image_tag(participant.user.profile_pic.url(:small)), user_path(participant.user), :class=>"work") %>

Ruby on Rails sử dụng link_to với image_tag

Ngoài ra, tôi đang sử dụng Rails 4.

Tôi cũng đã thử điều này và hoạt động rất tốt:

      <%= link_to home_index_path do %>
      <div class='logo-container'>
        <div class='logo'>
          <%= image_tag('bar.ico') %>
        </div>
        <div class='brand' style='font-size: large;'>
          .BAR
        </div>
      </div>
      <% end %>

Này các bạn, đây là một cách tốt để liên kết w / image và có rất nhiều đạo cụ trong trường hợp bạn muốn đặt thuộc tính css, ví dụ như thay thế "alt" hoặc "title", v.v ..... cũng bao gồm một hạn chế logic (?)

<%= link_to image_tag("#{request.ssl? ? @image_domain_secure : @image_domain}/images/linkImage.png", {:alt=>"Alt title", :title=>"Link title"}) , "http://www.site.com"%>

Hi vọng điêu nay co ich!

<%= link_to root_path do %><%= image_tag("Search.png",:alt=>'Vivek',:title=>'Vivek',:class=>'dock-item')%><%= content_tag(:span, "Search").html_safe%><% end %>

Bạn cũng có thể thử cái này

<li><%= link_to "", application_welcome_path, class: "navbar-brand metas-logo"    %></li>

Trong đó "metas-logo" là một lớp css có hình nền