Javascript Scroll Menu - MouseOver La sélection ne fonctionne pas correctement au premier contact

Question

Je travaille actuellement avec un menu à onglets qui passe automatiquement par un cycle. Une fois que je souris sur l'un des onglets, la "rotation" devrait s'arrêter sur l'onglet sélectionné et quand je souris, il devrait continuer à tourner à partir de l'élément de l'onglet sélectionné.

$(document).ready(function() { 

$("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 1000, true); 

$("#featured > ul").mouseover(function() { 
    $(this).tabs({ event: 'mouseover', fx: { opacity: "toggle"} }).tabs("rotate", 0); 
}) 

$("#featured > ul").mouseout(function() { 
    $(this).tabs("rotate", 1000); 
}) 
}); 

Au moment où le MouseOver le cycle arrête mais ne pas sélectionner l'élément, une fois que je mouseOut puis MouseOver à nouveau la fonctionnalité fonctionne parfaitement! Mon problème se situe où sur le premier mouseOver le code ne semble pas se charger correctement?

Des idées? L'aide sera vraiment appréciée.

Merci encore pour votre temps ..

Answer 1

Essayez ceci:

$("#featured > ul").mouseover(function() { 
    $(this).tabs("abort"); 
    $(this).tabs({ event: 'mouseover', fx: { opacity: "toggle"} }).tabs("rotate", 0); 
    $(this).tabs("select", this.id); 
});