Bootstrap工具提示数据切换

Question

在Bootstrap文档页面中,工具提示具有以下签名:

<a href="#" data-toggle="tooltip" title="first tooltip">hover over me</a>

"数据切换"属性在此方案中的作用是什么？

我知道它对标签很有用,但我不知道它可以为工具提示带来什么用处.

---

克里斯,

工具提示必须明确初始化,如下所示:

$(document).ready(function(){
    $(".link").tooltip();
});

假设"a"标签有一类"链接"."data-toggle"属性不是工具提示正常运行所必需的.但是你提到过,Bootstrap JavaScript文件可以识别某些东西是否是工具提示.因此,省略"数据切换"仍然使工具提示工作(只要有明确的初始化)似乎没有意义.你能解释一下吗？

编辑#2:

在阅读了一些GitHub问题页面之后,我想我得出了以下结论(这是我最好的猜测).

最初,在较旧版本的Bootstrap中,工具提示签名是:

<a href="#" rel="tooltip" title="first tooltip">hover over me</a>
...
<a href="#" rel="tooltip" title="first tooltip">hover over me again!</a>

开发人员可以这样做:

$(document).ready(function(){
    $('[rel="tooltip"]').tooltip();
});

一次激活所有工具提示(因为每个工具提示都需要初始化才能工作).换句话说,它只是一种标识所有工具提示的便捷方式,因此您可以使用jQuery激活所有这些工具提示.

但是rel ="tooltip"没有针对HTML5进行验证,因此人们开始建议使用data-toggle ="tooltip",因为Bootstrap已经对其他组件使用数据切换,而数据*在HTML5中有效.

因此,我的猜测是数据toggle ="tooltip"没有特殊的语义含义或目的,除了提供一种标识所有工具提示的便捷方式.

请注意,您还可以使用ID或类识别工具提示,但为什么不一次激活所有工具提示(修辞问题)？

Answer 1

在阅读了一些GitHub问题页面之后,我想我得出了以下结论(这是我最好的猜测).

最初,在较旧版本的Bootstrap中,工具提示签名是:

<a href="#" rel="tooltip" title="first tooltip">hover over me</a>
...
<a href="#" rel="tooltip" title="first tooltip">hover over me again!</a>

开发人员可以这样做:

$(document).ready(function(){
    $('[rel="tooltip"]').tooltip();
});

一次激活所有工具提示(因为每个工具提示都需要初始化才能工作).换句话说,它只是一种识别所有工具提示的便捷方式,因此您可以使用jQuery激活所有工具提示.

但是rel ="tooltip"没有针对HTML5进行验证,因此人们开始建议使用data-toggle ="tooltip",因为Bootstrap已经对其他组件使用数据切换,而数据*在HTML5中有效.

因此,我的猜测是数据toggle ="tooltip"没有特殊的语义含义或目的,除了提供一种标识所有工具提示的便捷方式.

请注意,您还可以使用ID或类识别工具提示,但为什么不一次激活所有工具提示(修辞问题)？

Answer 2

我用这个:

<script>
    $('[title]').tooltip();
</script>

它选择属性标题定义的所有元素,并用引导的一个替换默认的工具提示行为.