jquery Evénement "MAINTENANT"?

Question

J'ai un plugin d'aperçu d'image jquery que j'utilise. Je l'utilise comme ceci:

$('a.preview').live('mouseover', function() { 
    $(this).imgPreview({ 
      preloadImages: 'true', 
    }); 
}); 

je veux la fonction imgPreview à exécuter après une ajaxcall jquery qui insérer une image dans le DOM. donc je veux l'exécuter pour précharger l'image.

des idées?

Answer 1

Sur votre rappel de succès dans l'appel ajax, exécutez la même pré-charge sur les données renvoyées:

$.ajax({ 
     url: 'doop.php', 
     type: 'POST', 
     data: 'before=' + theold + '&after=' + thenew, 
     success: function(data) { 
      $('a.preview', data).imgPreview({ 
      preloadImages: 'true' 
      }); 
     } 
}); 

Cette exécute la .imgPreview sur tous dans la réponse ajax qui vient de revenir.

Answer 2

J'utilise cette petite fonction.

jQuery.preloadImages = function() 
{ 
    for(var i = 0; i<arguments.length; i++) 
    { 
    jQuery("<img>").attr("src", arguments[i]); 
    } 
}; 

Ensuite, vous pouvez juste faire $ .preloadImages ('/ url/to/image.gif'), quelque part où vous gérez des choses onDomReady. De cette façon, quand vous faites cet appel ajax, il seront tous là mises en cache dans le navigateur