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

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

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

把一些东西放在这里＆gt;＆gt;

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

你需要检查一下：http://jsfiddle.net/f4RTs/

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

为什么Tipsy jQuery插件不适合我？

1 个答案: