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 阅读: 13788
上一篇: 揭秘黑帽大会:黑客们的“海天盛筵” - 9907次
下一篇: MVC ERROR: The ID field is required.错误原因及解决办法 - 24774次

向右滑动解锁留言