【问题标题】:How to place an image inside of a link?如何在链接中放置图像?
【发布时间】:2013-08-09 15:28:02
【问题描述】:

我正在尝试一些非常简单的东西,在链接中我希望有文本和图像。

= link_to 'NVidia Graphics', inventory_url, class: 'lato' do
  = image_tag 'list-highlighter.png'

我希望输出类似于:

<a href="/inventory">
  NVidia Graphics
  <img src="list-highlighter.png" />
</a>

如何使用 Slim 实现这一目标?我当前的代码导致网站崩溃。

"http://foobar.com/inventory":String 的未定义方法 `stringify_keys'

【问题讨论】:

    标签: ruby-on-rails image hyperlink slim-lang


    【解决方案1】:
    = link_to inventory_url, class: 'lato' do
      | NVidia Graphics
      = image_tag 'list-highlighter.png'
    

    我认为这应该可行.. 只是不是 100% 关于苗条的语法。 link_to 在将某些内容包装为块时不应包含任何内容——也就是说,它应该紧跟其 url。里面的所有内容都将被&lt;a&gt; 标签输出包裹。对于非苗条,这看起来像

    <%= link_to inventory_url, class: 'lato %>
      NVidia Graphics
      <%= image_tag 'list-highlighter.png' %>
    <% end %>
    

    【讨论】:

      【解决方案2】:

      解决方案

      = button_to('Add', line_item_path, method: :post , class: "btn btn-warning btn-lg" , params: { param1: 'value1',  param2: 'value2' })
      

      渲染

      <form class="button_to" method="post" action="/line_items/17">
      <input class="btn btn-warning btn-lg" type="submit" value="Add" />
      <input type="hidden" name="authenticity_token" value="Qk2sdfgasdfasdfsfa sdfsfsw==" />
      <input type="hidden" name="param1" value="value1" />
      <input type="hidden" name="param2" value="value1" />
      </form>
      

      http://qiita.com/tomomomo1217/items/a5f790c31670587e2d87

      【讨论】:

        猜你喜欢
        • 2011-07-14
        • 2017-12-06
        • 1970-01-01
        • 2012-07-13
        • 1970-01-01
        • 2012-12-06
        • 2021-03-22
        • 2018-10-10
        • 1970-01-01
        相关资源
        最近更新 更多