PhoneGap中的JQuery递归函数

Question

I have been experimenting with PhoneGap and managed to create a basic memory game, which fades a sequence of numbers in and out, expecting the user to repeat it correctly. There's only the bare bones so you wont get any confirmation of a click until you finish the sequence.

The game can be accessed here: http://jdtremelling.com/mobile/index.html

And if you fancy it, for testing purposes, the app can be downloaded by scanning this QR code:

The problem is that only one number flashes in the sequence when the app loads and then nothing else happens. Its as if the recursive function never executes.

The code to initialise the JS array with lists of random numbers (increasing the sizes for each level) , then show the first sequence:

function initialiseArrays(){
                for(var i=4; i<9; i++){
                    var numbers = [];
                    for(var j=0; j<i; j++){
                        numbers.push(Math.floor(Math.random() * (max - min) + min));
                    }
                    allNumbers.push(numbers.slice());
                }

                fadeThemOut(allNumbers[0]);
            }

The recursive JavaScript funciton:

    function fadeThemOut(children) {
var tmp = [];
   for(var i=0; i<children.length; i++){
      tmp[i] = children[i];
   }
   if (tmp.length > 0) {
      var currentChild = tmp.shift();
      switch(currentChild){
         case 1:
            $('#one').fadeOut('slow').delay( 800 ).fadeIn('slow', function() {
               fadeThemOut(tmp);
            });
            break;
         case 2:
             $('#two').fadeOut('slow').delay( 800 ).fadeIn('slow', function() {
                fadeThemOut(tmp);
             });
             break;
         case 3:
             $('#three').fadeOut('slow').delay( 800 ).fadeIn('slow', function() {
             fadeThemOut(tmp);
         });
         break;
       }
   }
}

Answer 1

Try changing:

fadeThemOut(allNumbers[0]);

to

fadeThemOut(allNumbers);