jquery - 为什么 Tipsy jQuery 插件对我不起作用？

Question

我从这里使用最新版本的 Tipsy：https://github.com/jaz303/tipsy

我包括jquery.tipsy.jsand tipsy.css，这是我的 html，这a href是一张图片：

<div class="social">
    <ul id="social">
        <li class="vimeo" title="Vimeo">
        <a href="#" class="vimeo" title="Vimeo"></a>
    </li>
    </ul>

和 jQuery：

$(function() {
    $('.vimeo').tipsy({
        trigger: 'hover', 
        fade: true, 
        gravity: 'n'}
    );
});

为什么这根本没有显示任何东西？

Answer 1

因为您没有在锚标签中使用任何文本

<div class="social">
<ul id="social">
    <li class="vimeo" title="Vimeo">
<a href="#" class="vimeo" title="Vimeo"></a>
</li>
</ul>

在这里放一些东西>>

   <a href="#" class="vimeo" title="Vimeo">HERE</a>

你需要检查这个：http: //jsfiddle.net/f4RTs/

此外，您的li和a tag 具有相同的类，因此您将在悬停时看到两个标题