将鼠标悬停在简单表单关联字段的显示相关文本上答案

【问题标题】：Hover over display related text for simple form association field将鼠标悬停在简单表单关联字段的显示相关文本上
【发布时间】：2015-11-20 14:56:08
【问题描述】：

我正在使用 Rails 和简单的表单。我有一个用关联字段显示的集合。对于集合中的每个项目，我希望将鼠标悬停在属于该项目的属性的标题上，即description。

这是我的协会：

<%= f.association :user_roles, collection: @roles, as: :check_boxes, label_method: :name, label: false %>

我想将鼠标悬停在每个角色的描述文本上。在我的脑海中，类似以下的事情应该是可行的：

<%= f.association :user_roles, collection: @roles, wrapper_html: {title: UserRole.where(id: this_current_items_id).first.description}, as: :check_boxes, label_method: :name, label: false %>

或：

<%= f.association :user_roles, collection: @roles, wrapper_html: {title: :description}, as: :check_boxes, label_method: :name, label: false %>

这些显然都不起作用，但在我看来，这样的解决方案应该很容易。我想简单形式的家伙从来没有想过这种情况。

但是，这可能吗？或者，如何获取当前项目的 ID，以便在悬停时显示该项目描述？

PS：我需要的是一个简单的表格hover_method！

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-4 simple-form

【解决方案1】：

您可以轻松地将其他属性添加到集合中的每个项目，如下所示：

<%= f.association :user_roles, collection: @roles.map { |r| [r.name, r.id, { title: r.description, "data-toggle": "hover" }] }, as: :check_boxes, label: false %>

【讨论】：

太棒了，我对你的答案做了一些修改，不过，我会在我回家时验证它是否有效，但到目前为止一切都很好，谢谢。
是的，我测试了它，它可以工作。我再次编辑了我的答案 - 只是为了展示如何像你所做的那样放置数据属性和常规 HTML 属性，如“标题”。