在複選框上顯示標題懸停在紅寶石

我掙扎着我認爲是一個簡單的問題。我想給一個複選框一個標題，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

回答