2016-07-16 42 views
0

我使用下面jQuery函數爲工具提示輸入文本,文本區域和下拉:jQuery的複選框工具提示

$(function() { 
$("#addmovie-form :input:not(:button):not(:submit):not(:reset)").tooltip({ 
     position: "center right", 
     offset: [-2, 10], 
     effect: "fade", 
     opacity: 0.7 

    }); 
}); 

我添加然後一個工具提示文本,textare或下拉列表的代碼:

$('#add-titel').prop("title", "my title ..."); 

這對文本,textarea和下拉輸入工作正常。

現在我也有多個複選框內的窗體和如果我指派工具提示覆選框的ID,工具提示不顯示。 此外複選框被鼠標懸停上跳來跳去,就像這樣:

example before

example after mousehover

是否有人有一個解決方案?

我也想過,最好在整個複選框周圍放一個html表格,並在桌面懸停上顯示工具提示。我發現了一些TD或TR jquerys,但我無法讓它在整個桌子上工作。

+0

嘗試添加工具提示上'複選框label'或嘗試換'在span'複選框,並在其上添加工具提示 –

+0

你可以讓jsfiddle? –

+0

感謝您的回答。我甚至不知道你可以用span來做。謝謝你,現在它正在工作。我從這裏得到了代碼:http://www.w3schools.com/css/css_tooltip.asp – grusl83

回答

1

嘗試添加工具提示上checkboxes label或嘗試換checkbox in span,並在其上添加提示

+0

謝謝你。我添加了一個工具提示跨度,現在它的工作:) – grusl83

+0

高興地幫助:) –