.staggerTo() and shuffling the selection array

[smisaacs]

I'm using the jquery.shuffle plugin.

 

Thinking that it was possibly the issue, I've tried selecting my elements in the two ways below:

 

var goaway = $("#container li:not('.ele1,.ele2,.ele5,.ele6,.ele7')");
var goaway = $('#ele3,#ele4,#ele8,#ele9,#ele10,#ele11,#ele12,#ele13,#ele14,#ele15,#ele16,#ele17,#ele18');
 

 

I'm then shuffling them as so:       

 

var shuf = goaway.shuffle();
 

and tracing:

    console.debug(goaway);
    console.debug(shuf);
 

 

shuffle is good, trace is good.

 

Problem is here:

 

 

            var tl = new TimelineMax({paused:true});
            tl.staggerTo(shuf,.5,{alpha:0},.2);
            tl.play();
 

 

No matter what, the elements stagger based on their order in the DOM not based on their order within the selection array passed.

 

Anyone have any recommendations here?

[GreenSock]

If you do a shuf.each(), does it iterate correctly? Can you post a codepen or jsfiddle example? 

[smisaacs]

I haven't tried shuf.each(), but here is a fiddle of what i described above.

 

http://jsfiddle.net/7CFVC/

[smisaacs]

I've found the issue.  

 

jquery.shuffle plugin will actually shuffle the selected elements within the DOM it doesn't shuffle the references in the array.  If i use a shuffle function that just returns the reference array all jumbled up, I get the desired effect.

 

I couldn't see this until the items i was animating were different visually.

[GreenSock]

Cool, thanks for letting us know you solved it. Makes perfect sense.