L'aperçu d'image ne fonctionne pas sur les liens incorporés par ajax

Question

Im en utilisant un plugin d'aperçu d'image de jquery pour montrer l'aperçu de mes images de lien en passant la souris dessus.

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

il travaille sur des liens avec des images comme:

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

cependant, cela ne fonctionne pas sur les liens que je l'ai intégré dans le DOM avec ajax jquery.

Je me demande comment je pourrais avoir ce travail.

le code mise en œuvre est très simple:

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

i ont 1 approche à l'esprit:

fonction en direct l'utilisation de jquery (que les réponses aux liens plus tard embarqués) et le coupler en quelque sorte au code au dessus.

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

mais je ne sais pas comment l'appeler. ET ce n'est pas une très bonne solution parce que rien ne se passe quand je clique sur le lien.

apprécierait toute aide que je peux obtenir. d'autres approches seraient appréciées.

Answer 1

Utilisez-vous jquery 1.4? Si c'est le cas, commencez par placer des guillemets en haut et à gauche afin de lire "top": et "left":

Si vous utilisez une version précédente de jquery, essayez d'utiliser le plugin jQuery livequery. Une fois que vous l'avez installé, appelez votre code comme ceci:

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