2013-0801

bootstrap tooltip不显示

作者: momy 分类: 编程开发 0 Comment »
摘要：bootstrap tooltip不显示原因和解决方法

tooltip要手动激活的好不好，还有那个popover，需要tooltip跟手动激活。

下面来说说那个tooltip的使用，先引用下官方的原话：

For performance reasons,  

the tooltip and popover data-apis are opt in,  

meaning you must initialize them yourself.



翻译过来就是：出于性能原因的考虑，tooltip和popover的data-apis是可选的，这就意味着你必须手动初始化它们。好吧，手动就手动吧，让人好伤感的手动，而且也没有预留的可选api，就自己写了一个最简单的，js新手，能用就好了。

打开bootstrap.js，搜索tooltip，然后在tooltip的最后添加如下代码：

/* TOOLTIP API
 * =================== */ 
$('a[data-toggle=tooltip]').mouseover(function() {
 $(this).tooltip('show');
  })




然后使用方法是：

<a href="#" data-toggle="tooltip" title="http://www.yn-s.com">云南网络安全联盟</a>



在a标签中增加data-toggle=“tooltip”，title为描述，然后就可以看到tooltip的效果了。

标签: bootstrap tooltip 阅读: 14271
上一篇: 揭秘黑帽大会：黑客们的“海天盛筵” - 10475次
下一篇: MVC ERROR: The ID field is required.错误原因及解决办法 - 25942次

向右滑动解锁留言