圖像預覽不工作在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阿賈克斯聯繫工作。

我想知道我可以如何工作。

實現它的代碼非常簡單：

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

我心目中1點的方法：

使用jQuery肝功能（即反應到後來的嵌入式鏈接），並將其耦合莫名其妙的代碼以上。

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

但我不知道如何調用它。這不是一個很好的解決方案，因爲當我點擊鏈接時沒有任何反應。

希望能得到任何幫助。其他方法將不勝感激。

Answer 1

你在使用jquery 1.4嗎？如果是這樣，首先嚐試將報價放在頂部和左側，使其成爲「頂部」和「左側」：

如果您使用的是以前版本的jquery，請嘗試使用jQuery livequery插件。一旦你安裝了，請撥打你的代碼，如下所示：

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