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

Question

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

我包括 jquery.tipsy.js 和 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

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

<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 标签也有相同的类，所以你会在悬停时看到两个标题