如何将Bootstrap工具提示添加到复选框？

Question

我已成功将Bootstrap工具提示添加到我正在进行的学习项目中.到目前为止仅适用于链接标记:

<a href="#" data-toggle="tooltip" data-original-title="My Popup text">
    Foobar
</a>

但我有一些需要解释的复选框.我找不到任何有关复选框的Bootstrap工具提示的示例.这是可行的吗？

如果我有以下内容:

<label>
    <input type="checkbox" id="foo" /> Foobar
</label>

我修改了一下,但没有尝试添加弹出窗口到复选框.

建议？

Answer 1

这没有任何不同的方法.简单地完成如下:

<input type='checkbox' data-toggle='tooltip' data-placement='right' data-original-title="tooltip here" class='checkbox'/>

检查是否通过jQuery初始化了所有tooltip元素.把它放在head:

<script>
    $(function () {
        $("[data-toggle='tooltip']").tooltip();
    });
</script>

如果您不知道,禁用复选框不会显示工具提示.还要检查您的复选框是否已禁用.