Question

我一直在寻找一些没有成功的答案。这是使用least.js在Rails中的库。我需要将数据标题作为参数传递给将成为链接目标的大图像。它不像我放置代码那样工作。

其次我试图给链接一个标题，但它也不起作用。我做错了什么？

这是我在视图中的代码：

<%= link_to(image_tag("webprojects/thumb/boltexinertial_port_thumb.png", :alt => "Boltex Inertial Website"), image_path( "webprojects/boltexinertial_port.png", :"data-caption" => "Boltex Inertial Website", :title => "Boltex Inertial Website")) %>

这是缩略图的结果（没有标题）：

<a class="active" href="/assets/webprojects/boltexinertial_port.png">

    <img title="Boltex Inertial Website" src="/assets/webprojects/thumb/boltexinertial_port_thumb.png" alt="Boltex Inertial Website"></img>

</a>

这就是大图片的来源（没有数据标题）：

<img src="/assets/webprojects/boltexinertial_port.png"></img>

Answer 1

获取您在评论中提供的HTML：

<%= link_to image_path('webprojects/BIG_IMAGE.PNG'), title: "tITLE O THE IMAGE", data: { caption: "<strong>Lorem   ipsum dolor</strong> sit amet, consetetur sadipscing"} do %>
  <%= image_tag 'media/thumbnails/THUMBNAIL.PNG', alt: 'Alt Image Text' %>
<% end %>

请注意，您应该将图片放在assets文件夹中以使其正常工作。

Answer 2

参数data-caption和title不应属于image_path。我认为你无法将params传递给image_path。试试这个（在这种情况下，link_to的块版本更具可读性）：

<%= link_to "#{image_path('webprojects/boltexinertial_port.png')}?data-caption=#{'Boltex Inertial Website'.to_query}", :title => "Boltex Inertial Website" do %>
  <%= image_tag("webprojects/thumb/boltexinertial_port_thumb.png", :alt => "Boltex Inertial Website") %>
<% end %>

Rails 4 link_to的标题与image_tag

2 个答案: