Passer la variable à la propriété .animate

Question

Bit d'un n00b ici. J'essayais de modifier une fonction de survol que j'avais trouvée qui positionne et anime une image dans un élément de la liste. Au lieu de donner .animate ({top: une valeur de pixel exacte dans la première instance, je voulais la passer à la variable imgHeight, qui obtient la hauteur du li contenant, mais je fais clairement quelque chose de mal.Toutes les pointeurs?

var imgHeight = $('li').height(); 
$(function() { 
$('ul.hover_block li').hover(function(){ 
$(this).find('img').animate({top:'imgHeight' + 'px'},{queue:false,duration:200}); 
}, function(){ 
$(this).find('img').animate({top:'0px'},{queue:false,duration:200}); 
}); 
});​ 

Answer 1

Essayez ceci: vous aviez

{top: 'imgHeight' + 'px'} 

devrait être

{top: imgHeight + 'px'} 

code complet:

var imgHeight = $('li').height(); 
$(function() { 
     $('ul.hover_block li').hover(function(){ 
      $(this).find('img').animate({top:imgHeight + 'px'},{queue:false,duration:200}); 
     }, function(){ 
      $(this).find('img').animate({top:'0px'},{queue:false,duration:200}); 
     }); 
});​