在复选框上显示标题悬停在红宝石

我挣扎着我认为是一个简单的问题。我想给一个复选框一个标题，ALT或类似的东西，这样当我把鼠标悬停在复选框上时，我会得到一些特定的信息。在复选框上显示标题悬停在红宝石

Here是一个jsfiddle的示例文本或下面的代码示例（在HTML中）为我想实现的红宝石复选框。

<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助手来构建span吗？如果是这样，你可以添加代码到你的问题？如果你不是，而你只是在你的erb模板（或其他）中写出html，就按照你在那里做的那样去做。 – 2015-02-23 11:02:03

另外，你的jsfiddle示例似乎工作正常，所以请解释一下你的实际问题是:) – 2015-02-23 11:02:46

@Max Williams是的，js小提琴工作正常，我只是展示了一个例子来阐明我在找什么，我将现在添加我想添加标题等的代码。 – 2015-02-23 11:03:50

不知道如果我正确地理解你的问题，但在简单的表格，你可以操纵输入字段本身或整体包装与下列选项的HTML：

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

我没有测试它，但它也应该与f.association一起工作。

2015-02-23 12:24:22

这很好用，谢谢@Sebastion vom Meer。我使用wrapper_html而不是input_html，因为我觉得将鼠标悬停在复选框或文本而不是单独复选框上会更自然。 – 2015-02-23 12:28:49

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

我希望这可以帮助您。

2015-02-23 12:23:25 rfellons

回答