jquery Fonction IF/ELSE de vol stationnaire uniquement en mode de vol stationnaire?

Question

J'utilise JqueryToolTip pour styliser et animer des astuces pour une série d'images à l'intérieur des ancres de ma page. Le problème est que lorsque la pointe de l'outil est plus longue que 30 lettres, elle n'est pas centrée verticalement à l'intérieur de la div. J'ai donc écrit cette jquery pour ajouter une classe de .small à l'une des infobulles de moins de 30 lettres. Cela a produit l'effet que je voulais, sauf qu'il ne fonctionne que sur le deuxième vol stationnaire. Comment puis-je l'obtenir au premier vol stationnaire?

Je suis encore nouveau à jquery. Je suppose que cela a quelque chose à voir avec l'ordre dans lequel j'ai le code, mais je ne peux pas le comprendre.

$("#loop-wrapper a img").hover(function(){ 
    var getLength = $(this).attr("alt").length; 
    if(getLength < 30){ 
    $(".tooltip").addClass("small"); 
    } 
    else{ 
    $(".tooltip").removeClass("small"); 
    } 
}, function(){ 
    $(".tooltip").removeClass("small"); 
}); 

Answer 1

Je factoriser à utiliser .toggleClass avec un paramètre de commutation et un seul argument fonction .hover:

$("#loop-wrapper a img").hover(function() { 
    var getLength = $(this).attr("alt").length; 
    $(".tooltip").toggleClass("small", (getLength < 30)); 
});