Rails - 添加HTML属性而不设置值

问题描述 投票:4回答:4

我正在尝试创建一个image_tag并指定一个没有设置任何值的数据属性。我正在尝试添加data-tooltip,以便与Foundation 5工具提示一起使用。似乎如果任何值实际上设置为此,基金会每次都使用相同的工具提示文本并忽略该元素的title属性(因此每个工具提示都会说出你所徘徊的第一个是什么......这似乎是错误的在基金会的一部分也)

这是我需要生成的:

<img src="[whatever]" title="My Tooltip" data-tooltip />

这对我不起作用:

<img src="[whatever]" title="My Tooltip" data-tooltip="[insert anything here]" />

我已经尝试了许多不同的组合,并阅读文档,但似乎无论我把它作为值,它最终生成它像data-tooltip =“null”,或true,或false,或我传递的任何字符串。

image_tag(my_image, class: 'has-tip', title: "My Title Here", data: { tooltip: true })
ruby-on-rails ruby-on-rails-4 zurb-foundation
4个回答
5
投票

尝试传入空字符串,如下所示:

image_tag(my_image, class: 'has-tip', title: "My Title Here", data: { tooltip: "" })

5
投票

在Rails 4.1.4中使用上面的提示:"data-tooltip" => ''渲染data-tooltip没有值。


0
投票

对于没有像多个<input multiple type="file">这样的值的属性,可以通过大写和设置空字符串来覆盖属性默认名称。例如input_html: { Multiple: '' }但这是一个黑客。


0
投票

在rails 5中,我试图在以下链接标记场景中添加没有值的itemscope属性:

    <%= link_to example_path(@example) do %>
      <span>
        <%= @example.name %>
      </span>
    <% end %>

我需要生成的html a标签来显示itemscope属性,没有任何值,如下所示:

<a itemscope href="example/path">
    <span>
       some text
    </span>
</a>

请注意,itemscope没有=""itemscope="itemscope"

我尝试过SO和其他地方的解决方案,唯一对我有用的是在link_to标签上添加以下内容:" itemscope" => ''。注意第一个双引号和单词itemscope之间的空格。

这似乎产生了期望的结果,并且还在google上验证为schema.org标签(这是我使用标签的)。

© www.soinside.com 2019 - 2024. All rights reserved.