在Bootstrap文档页面中,工具提示的签名如下:
<a href="#" data-toggle="tooltip" title="first tooltip">hover over me</a>
在这种情况下,“数据切换”属性会做什么?
我知道它对选项卡是有用的,但我看不到它可以带来什么工具提示.
克里斯,
工具提示必须被明确地初始化,如:
$(document).ready(function(){ $(".link").tooltip(); });
假设“a”标签有一个“链接”类. “data-toggle”属性不是工具提示正常运行所必需的.但是你提到这是引导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 =“工具提示”,因为Bootstrap已经使用数据切换为其他组件和数据 – *在HTML5中有效.
因此,我的猜测是,除了提供方便的方式来识别所有工具提示之外,data-toggle =“tooltip”没有特殊的语义含义或目的.