2016-07-16 96 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

高兴地帮助:) –