リストアイテムの順序をランダムに表示するにはどうすればよいですか？

Question

私は次のコードを持っています。これはリスト項目の代わりにdivを使用するときに機能します。しかし、リストアイテムの順番をランダムに消す方法はわかりません。 私はアイテムをアニメーション化するためにプレーンJavascriptとGreensock（TweenMax）を使用しています。

CODEPEN：私のHTMLでhttp://codepen.io/dada78/pen/fd4f35272d48df628148f98c4a9e5459/

は私が持っている：私のJavaScriptで

<div id="spots"> 
     <ul> 
     <li class="square"></li> 
     <li class="square"></li> 
     <li class="circle"></li> 
     <li class="square"></li> 
     <li class="square"></li> 
     <li class="circle"></li> 
    </ul> 
</div> 

： VAR spotsAll = document.querySelectorAll（ "＃スポット"）;

var tl = new TimelineMax(); 
tl 
    .set(spotsAll, {autoAlpha:0}) 
    .add(spotsIn); 

function spotsIn() 
{ 
    var spotsArray = [0, 1, 2, 3, 4, 5, 6]; 
    for(var i = 0; i < spotsArray.length; i++){ 
    tl.to(spotsAll[i], 0.5, {autoAlpha:1, ease: Back.easeOut.config(1.8)}, Math.random());} 
} 

お寄せいただきありがとうございます！

Answer 1

あなたのスポットのすべてのセレクターが間違っています。あなたはちょうど外側のdivを選択しています。

はちょうどこれにspotsAllセレクターを変更、それを修正するには、次の

var spotsAll = document.querySelectorAll("#spots li");