在 Ruby 中将鼠标悬停在复选框上显示标题答案

【问题标题】：Display title on checkbox hover over in Ruby在 Ruby 中将鼠标悬停在复选框上显示标题
【发布时间】：2015-02-23 20:24:22
【问题描述】：

我正在努力解决我认为是一个简单的问题。我想给一个复选框一个标题、alt 或类似名称，这样当我将鼠标悬停在复选框上时，我会得到一些具体信息。

Here 是文本的 jsfiddle 示例或下面的代码示例（均在 HTML 中），用于我试图为 ruby 中的复选框实现的目标。

<span title="I am hovering over the text">This is the text I want to have a mousover</span>

我正在专门为下面的代码寻找一个 ruby 解决方案，如果有的话。谢谢。

<p>
  <%= f.association :study_role_permission_definitions, as: :check_boxes, label_method: :display_name  %>
</p>

【问题讨论】：

您是否通过 rails html 助手构建跨度？如果是这样，您可以将该代码添加到您的问题中吗？如果你不是，并且你只是在你的 erb 模板（或其他）中写出 html，就按照你在那里所做的那样做。
另外，您的 jsfiddle 示例似乎运行良好，所以请解释您的实际问题是什么 :)
@Max Williams 是的，js 小提琴工作正常，我只是展示了一个示例来阐明我在寻找什么，我将添加我想添加标题等的代码到现在.

【解决方案1】：

不确定我是否正确理解了您的问题，但在简单表单中，您可以使用以下选项操作输入字段本身的 HTML 或整个包装器：

f.input :username, input_html: { title: 'My hover text' }
f.input :username, wrapper_html: { title: 'My hover text' }

我尚未对其进行测试，但它也应该适用于 f.association。

【讨论】：

效果很好，谢谢@Sebastion vom Meer。我使用 wrapper_html 而不是 input_html，因为我觉得将鼠标悬停在复选框或文本上而不是单独的复选框上更自然。

【解决方案2】：

<%= content_tag(:check_box, "label_text", :class => "class_name", :title => "your_span_content", data: {tooltip: true} %>

希望对你有所帮助。

【讨论】：