我正在使用 jQuery 和 Twitter Bootstrap，并且想要一个tooltip http://twitter.github.io/bootstrap/javascript.html#tooltips将鼠标悬停在链接上时出现。但是，当我第一次将鼠标悬停在链接上时，工具提示不会出现，但如果我将鼠标移开并返回，它每次都会对该链接起作用。
我的页面上有几个：
<a href="#" onmouseover="$(this).tooltip();" class="postAuthor" data-original-title="@username">Full Name</a>
我创建了一个 jsFiddle 来演示：jsFiddle http://jsfiddle.net/Tz8TH/。任何帮助将不胜感激 - 提前致谢！
发生的情况是，当您第一次将鼠标悬停在该元素上时，您将实例化该元素上的插件，然后该插件在后续鼠标悬停在该元素上时按预期工作。
使用中建议的配置docs http://twitter.github.io/bootstrap/javascript.html#tooltips作品（见fiddle http://jsfiddle.net/49tUZ/):
JavaScript：
// tooltip demo
$('div').tooltip({
selector: "a[data-toggle=tooltip]"
})
HTML:
<div style="text-align: center; width: 100%; margin-top: 50px;">
<a href="#" data-toggle="tooltip" class="postAuthor" data-original-title="@username">Full Name</a> <p/><p/>
<a href="#" data-toggle="tooltip" class="postAuthor" data-original-title="@username">Full Name</a><p/>
<a href="#" data-toggle="tooltip" class="postAuthor" data-original-title="@username">Full Name</a><p/>
<a href="#" data-toggle="tooltip" class="postAuthor" data-original-title="@username">Full Name</a><p/>
<a href="#" data-toggle="tooltip" class="postAuthor" data-original-title="@username">Full Name</a>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
