html5 – 引导工具提示数据切换

前端之家收集整理的这篇文章主要介绍了html5 – 引导工具提示数据切换前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在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”没有特殊的语义含义或目的.

请注意,您还可以使用ID或类标识工具提示,但为什么不立即激活所有工具提示(修辞性问题)?

解决方法

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

最初,这只是一个方便的方法来识别所有的工具提示,您还可以使用ID或类识别工具提示,但为什么不立即激活所有工具提示(修辞问题)?

猜你在找的HTML5相关文章