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