如何将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>

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