twitter-bootstrap - 如何将 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 初始化所有工具提示元素。把这个放在 head :

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

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