CODEPEN Exemple http://codepen.io/dada78/pen/b50de869b75b32e220956bb36052733bComment rendre la variable globalement accessible dans ce cas?
J'essaie de comprendre comment faire la variable SelectedID utilisée dans ma fonction highlightSelection accessible dans ma fonction « fadeOutUnselected (notThisId) » sur la ligne 40 dans le codepen?
function fadeOutUnselected(notThisId) {
var tl = new TimelineMax();
tl.to(".options:not([id=" + notThisId +"]), input[type='radio']", 0.5, {autoAlpha:0}, "getSlidesReady+=4") //fade out all options but the selected one
//.to("#"+ selectedId, 0.5, {y:0}) //animate selectedId option up
.set(".options:not([id=" + notThisId +"]), input[type='radio']", {y:0})
return tl;
}
Toute aide appréciée. Tout ce que je voudrais faire est animer l'option que l'utilisateur sélectionne (variable "selectedId") jusqu'à la position y: 0.
Merci!
Essayez déclarant au sommet, à proximité de votre pourcentage, puis dans la fonction hightlightSelection modifier juste, de cette façon, il est disponible dans le monde. –
Merci Caleb, j'ai essayé de l'ajouter comme si en haut, juste en dessous de la variable de pourcentage: 'var selectedId =" option- "+ label.getAttribute (" pour "). Slice (-1); 'et à l'intérieur de la fonction highlightSelection je viens d'ajouter' var tl = new TimelineMax(); 'mais je ne peux toujours pas le faire fonctionner ... :-( – user2163224