图像预览不适用于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>

然而，它不适用于我使用jquery ajax嵌入DOM的链接。

我想知道我怎么能有这个工作。

实现它的代码非常简单：

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

我有一种方法：

使用jquery live函数（响应后面的嵌入式链接）并以某种方式将其耦合到上面的代码中。

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

但我不知道怎么称呼它。这不是一个非常好的解决方案因为当我点击链接时没有任何反应。

非常感谢我能得到的任何帮助。其他方法将不胜感激。

Answer 1

您使用的是jquery 1.4吗？如果是这样，首先尝试在顶部和左侧放置引号，使其显示为“top”：和“left”：

如果您使用的是以前版本的jquery，请尝试使用jQuery livequery插件。安装完成后，请按以下方式调用您的代码：

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