предварительный просмотр изображения не работает на встроенных ссылках ajax

Question

Я использую плагин предварительного просмотра изображений jquery для показа изображений моих ссылок при наведении на них мышью.

 http://james.padolsey.com/javascript/new-jquery-plugin-imgpreview/

работает с ссылками с изображениями, такими как:

 <a href="http://website/1.jpg"><img src="http://website/1_thumbnail.jpg"></a>

однако он не работает с ссылками, которые я встроил в DOM с помощью jquery ajax.

Интересно, как я мог бы заставить это работать.

код, реализующий это очень просто:

 $('a').imgPreview({
       distanceFromCursor: {top: -20, left: 20}
 });

Я имею в виду 1 подход:

использовать живую функцию jquery (которая отвечает на последующие встроенные ссылки) и каким-то образом связать ее с кодом выше.

$('a').live('mouseover', function() {
    // call the preview code here
});

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

был бы признателен за любую помощь, которую я могу получить. другие подходы будут оценены.

Answer 1

Вы используете jquery 1.4? Если это так, сначала попробуйте поместить кавычки сверху и слева так, чтобы на нем было написано «top»: и «left»:

Если вы используете предыдущую версию jquery, попробуйте использовать плагин livequery для jQuery. После того, как вы это установите, назовите свой код так:

$('a').livequery(function(){
  $(this).imgPreview({ distanceFromCursor: {top: -20, left: 20} })
});