今天在做一个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>