0

ここから最新バージョンの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'}
    );
});

なぜこれは何も表示されないのですか?

4

1 に答える 1

2

アンカータグでテキストを使用していないため

<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とタグは同じクラスであるためホバーすると2つのタイトルが表示されます

于 2012-07-06T16:40:43.737 に答える