jQuery复选框工具提示

Question

我在输入文本，textarea和下拉列表中使用以下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 ...");

这对文本，文本区域和下拉输入工作正常。

现在我在表单中还有多个复选框，如果我将工具提示分配给复选框ID，则不会显示工具提示。 此外，复选框也会在鼠标悬停时跳转：

example before

example after mousehover

有人有解决方案吗？

我还想过，最好在整个复选框周围放一个html表，并在表格悬停上显示工具提示。我找到了一些TD或TR jquerys，但我不能让它在完整的桌子上工作。

Answer 1

尝试在checkboxes label上添加工具提示或尝试换行checkbox in span并在其上添加工具提示