Типсы на несколько классов

Question

Я пытаюсь использовать 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>

Как вывидите, я использую один и тот же класс, потому что я хочу, чтобы имена отображались по-разному для каждого изображения.

К сожалению, я не могу заставить его работать на индивидуальной основе для классифицированных элементов, этокажется, работает только для элементов с индивидуальными идентификаторами.

Вот мой код jquery:

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

Проблема в том, что «подсказка» появляется рядом только с первым элементом .user_tile..

Редактировать:

Как видно из этого изображения, подсказка не появляется над соответствующими изображениями.

Answer 1

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

Что должно заставить его работать?

Answer 2

Кажется, достаточно вызвать его для «родительского» элемента.

Так что вы должны быть в состоянии сделать:

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

И тогда он должен активироваться на всех дочерних элементах этогоID

Не могли бы вы дать ссылку на ваш пример?И запомните его атрибут TITLE, а не «original-title».(Так что я надеюсь, что вы вставите визуализированный HTML, а не исходный код)