jQuery chaque problème largeur

Question

je la fonction suivante configuré pour exécuter sur un vol stationnaire sur une image:

function() { 
    $('.slides .slide h3').each(function(i){ 
    var owidth = $(this).width() 
    $(this).animate({"right":730 - owidth - 16}, 500); 
    }); 
} 

Vous pouvez voir la page here. Sur l'image et cliquez sur l'icône suivante en bas à droite de l'image. Pour une raison quelconque, la fonction calcule correctement la largeur de la première h3, mais elle pense que toutes les autres h3 ont une largeur de 0. Quelqu'un peut-il offrir une solution?

Answer 1

function() { 
    var owidth = 0; 
    $('.slides .slide h3').each(function(i){ 
    owidth = $(this).width(); 
    $(this).animate({"right":(730 - owidth - 16) + 'px'}, 500); 
    }); 
} 

Une meilleure façon:

function() { 
    $('.slides .slide h3').each(function(i){ 
    $(this).stop().animate({ 
     "right": (714 - $(this).width()) + 'px' 
    }, 500); 
    }); 
}