发现jQuery UI中Tooltip的一个小Bug

今天在做一个web项目的时候想给系统的按钮添加一个tooltip的提示功能,直接想到上jQuery UI(原来用的是Bootstrap的,但是导入各种css容易导致样式冲突)。


我的需求是让用户鼠标悬停到a标签时自动显示tooltip提示。但是不同于默认的显示title内容,如下面的代码所示,我希望是对应不同的登陆用户显示属性user1或者user2中的内容(Basis或者Substantiating)。

<a class="citation-tag annotated-tag" href="#bib0005" user1="Basis" data-original-title="" user2="Substantiating">André, Cutrell, Tan, & Smith, 2009</a>

很简单的一个功能,折腾了一个多小时,排除了各种js干扰的问题后,我发现出问题是由于a中没有title属性导致tooltip无法激活,只要加上一个空的title就一切走通了 =。=

修改后:

<a class="citation-tag annotated-tag" href="#bib0005" user1="Basis" data-original-title="" user2="Substantiating" title="">André, Cutrell, Tan, & Smith, 2009</a>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值