0

リンクされた画像にカーソルを合わせると、TIpsy http://plugins.jquery.com/project/tipsyを使用してユーザー名を表示しようとしています。

リンクされた画像のHTMLは次のとおりです。

<div id="pic_list_wrap">
<a href="luke" title="luke" class="user_tile"><img src="http://graph.facebook.com/543270572/picture?type=square" class="user_pic" /></a>
<a href="amr" title="amr" class="user_tile"><img src="http://graph.facebook.com/504184020/picture?type=square" class="user_pic" /></a>
</div>

ご覧のとおり、画像ごとに異なる名前を表示したいので、同じクラスを使用しています。

悲しいことに、分類されたアイテムに対して個別に機能させることはできないようです。個別の ID を持つアイテムに対してのみ機能するようです。

これが私のjqueryコードです：

// Show username above each .user_tile image
    $('.user_tile').tipsy({gravity: 's'});

問題は、「ヒント」が最初の「.user_tile」要素の横にのみ表示されることです。

編集：

この画像からわかるように、「ヒント」は関連する画像の上に表示されていません。

ここに画像の説明を入力

4

2 に答える 2

2 
$('.user_tile').each(function(){
    $(this).tipsy({gravity: 's'});
});

それはそれを機能させるはずですか？

于 2011-10-14T10:39:26.243 に答える
1

「親」要素でそれを呼び出すのに十分なようです。

したがって、次のことができるはずです。

// Show username above each .user_tile image
    $('#pic_list_wrap [title]').tipsy({gravity: 's'});

そして、そのIDのすべての子でアクティブ化する必要があります

あなたの例にリンクしてもらえますか？また、「元のタイトル」ではなく、そのTITLE属性を覚えておいてください。（したがって、ソースではなく、レンダリングされたHTMLを貼り付けることを望んでいます）

于 2011-10-14T10:35:47.807 に答える