Question

我正在创建一个只带有图标的导航栏，我只想在触摸或点击图标时显示提示，所以我执行了以下代码：

＆＃13;

$('a[rel="tooltip"]').tooltip({
    animated: 'fade',
	placement: 'bottom',
});

＆＃13;

<ul class="nav nav-tabs">
        <li class="active"><a  id="Textcolor" data-toggle="tab" rel="tooltip" data-original-title='Home' href="#sectionA"><i id="homeicon" class="fa fa-lg fa-home"></i></a></li>
        <li><a id="Textcolor2"  data-toggle="tab" rel="tooltip" data-original-title='Profile' href="#sectionB"><i id="profileicon" class="fa fa-lg fa-user"></i></a></li>
         <li><a id="Messages"  data-toggle="tab" rel="tooltip" data-original-title='Messages' href="#"><i id="messageicon" class="fa fa-lg fa-envelope"></i></a></li>
         <li><a id="Notifications"  data-toggle="tab" rel="tooltip" data-original-title='Notifications' href="#sectionA"><i id="bellicon" class="fa fa-lg fa-bell"></i></a></li>
         <li><a id="Gameification"  data-toggle="tab" rel="tooltip" data-original-title='Gameification' href="#"><i id="gameicon" class="fa fa-lg fa-gamepad"></i></a></li>

＆＃13;

所以实际上每个图标的提示都显示得非常完美，并且在图标下面很好。问题是我希望rel="tooltip"的这个提示只出现2或3秒钟。我怎么能这样做？

提前致谢。

Answer 1

试试这个：

<强>的jQuery

$('a[rel="tooltip"]').tooltip({
   animated: 'fade',
   placement: 'bottom',
   trigger: 'hover',
   delay: { "show": 200, "hide": 1000 }
});

这不是最好的解决方案，但我希望它可以帮到你。

工具提示Bootstrap持续时间

1 个答案: