2016-04-18 1 views
1

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!

+0

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. –

+0

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

Répondre

1

Vous devriez faire quelque chose comme

var globalSelectedId; 

function highlightSelection(label) { 
    // same code 
    globalSelectedId = selectedId; 
} 

function fadeOutUnselected(notThisId) { 
    // same code, you can acces globalSelectedID 
} 
+0

Génial! Merci beaucoup Tim, cela a fonctionné! – user2163224

+0

Vous devriez avoir un regardez ce post si: http://stackoverflow.com/questions/2613310/ive-heard-global-variables-are-bad-what-alternative-solution-should-i-use –