Я использую тег link_to img, как показано ниже
<%= link_to image_tag("Search.png", :border=>0, :class => 'dock-item'),
:action => 'search', :controller => 'pages'%><span>Search</span></a>
Что приводит к следующему html
<a href="/pages/search"><img alt="Search" border="0" class="dock-item"
src="/images/Search.png?1264132800" /></a><span>Search</span></a>
Я хочу, чтобы class = "dock-item" переходил к <a>
тегу вместо тега img.
Как я могу это изменить?
Обновить:
<%= link_to image_tag("Search.png", :border=>0), :action => 'search',
:controller => 'pages', :class => 'dock-item' %>
приводит к
<a href="/pages/search?class=dock-item"><img alt="Search" border="0"
src="/images/Search.png?1264132800" /></a>
ruby-on-rails
Вездесущий
источник
источник
<a href="https://stackoverflow.com/pages/search" class="dock-item"><img alt="Search" border="0" src="/images/Search.png?1264132800" /><span>Search</span></a>
Я добавил тег span перед закрывающим<a>
тегомПросто добавив, что вы можете передать
link_to
методу блок:<%= link_to href: 'http://www.example.com/' do %> <%= image_tag 'happyface.png', width: 136, height: 67, alt: 'a face that is unnervingly happy'%> <% end %>
приводит к:
<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>
Это спасло мне жизнь, когда дизайнер предоставил мне сложные ссылки с причудливыми эффектами пролистывания CSS3.
источник
Лучшим будет:
link_to image_tag("Search.png", :border => 0, :alt => '', :title => ''), pages_search_path, :class => 'dock-item'
источник
это мое решение:
<%= link_to root_path do %> <%= image_tag "image.jpg", class: "some class here" %> <% end %>
источник
Легко:
<%= link_to image_tag("Search.png", :border=>0), :action => 'search', :controller => 'pages', :class => 'dock-item' %>
Первый параметр link_to - это текст / html для ссылки (внутри тега a ). Следующий набор параметров - это свойства url и сами атрибуты ссылки.
источник
Чтобы ответить на ваш обновленный вопрос, согласно http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html ...
Будьте осторожны при использовании старого стиля аргументов, поскольку требуется дополнительный буквальный хеш:
link_to "Articles", { :controller => "articles" }, :id => "news", :class => "article" # => <a href="https://stackoverflow.com/articles" class="article" id="news">Articles</a>
Если оставить хэш отключенным, будет получена неверная ссылка:
link_to "WRONG!", :controller => "articles", :id => "news", :class => "article" # => <a href="https://stackoverflow.com/articles/index/news?class=article">WRONG!</a>
источник
То,
:action =>, :controller =>
что я много видел, мне не помогло.Я потратил часы на копание, и этот метод определенно сработал для меня.
<%=link_to( image_tag(participant.user.profile_pic.url(:small)), user_path(participant.user), :class=>"work") %>
Ruby on Rails с использованием link_to с image_tag
Также я использую Rails 4.
источник
Я тоже пробовал это, и работает очень хорошо:
<%= 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 %>
источник
Привет, ребята, это хороший способ связи с изображением и имеет много реквизитов на случай, если вы хотите, чтобы атрибут css, например, заменил «alt» или «title» и т. Д. ..... также включая логическое ограничение (?)
<%= link_to image_tag("#{request.ssl? ? @image_domain_secure : @image_domain}/images/linkImage.png", {:alt=>"Alt title", :title=>"Link title"}) , "http://www.site.com"%>
Надеюсь это поможет!
источник
<%= link_to root_path do %><%= image_tag("Search.png",:alt=>'Vivek',:title=>'Vivek',:class=>'dock-item')%><%= content_tag(:span, "Search").html_safe%><% end %>
источник
Вы также можете попробовать это
<li><%= link_to "", application_welcome_path, class: "navbar-brand metas-logo" %></li>
Где "metas-logo" - это класс css с фоновым изображением.
источник