bootstrap的tooltip需要手动激活才会生效

 

我说怎么按照官方的代码写都不出效果呢,你妹,原来tooltip要手动激活的好不好,还有那个popover,需要tooltip跟手动激活。

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

  1. For performance reasons,  
  2. the tooltip and popover data-apis are opt in,  
  3. meaning you must initialize them yourself. 

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

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

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

然后使用方法是:

  1. <a href="#" data-toggle="tooltip" title="http://www.nenew.net">奶牛博客</a> 

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

PS:JQuery确实好用很多,比如依据tag的选择,而且代码更加简练,好吧,希望有时间可以细致的学习下,最近看了好多东西,脑子有点儿乱,实现一样是一样吧。

奶牛 | 2013年04月1日
  • 游手好弦 2013年04月9日 at 10:58 上午
    bootstrap接触的不少,tooltip还真没用过
  • ck 2013年04月18日 at 3:47 下午
    找了很久了
  • bryce 2013年05月1日 at 7:19 下午
    多谢
  • Charles 2013年06月27日 at 9:10 上午
    你好,我想请问下你的博客的tag系统是怎么实现的?
    • 奶牛 2013年06月27日 at 12:57 下午
      wordpress自带标签系统的~
      • Charles 2013年06月27日 at 7:56 下午
        好的,谢谢了 :gz
  • Xgirl 2013年07月26日 at 1:10 下午
    能不能不改源码的
    • 奶牛 2013年07月26日 at 2:03 下午
      可以哇,直接用js手动激活就可以了。
Comments are closed.