Pause gif animate quando gli oggetti ember.js si stanno caricando

Question

Avere un problema con uno spinner che gira effettivamente mentre ember.js sta facendo la cosa. Ho un esempio jsfiddle molto generico che illustra il problema:

http://jsfiddle.net/h4ZcZ/2/

Presumo che ci deve essere un modo semplice per fare questo lavoro come previsto, ma io non sto trovando. Ho provato a utilizzare un'implementazione JavaScript/CSS di uno spinner (spin.js) con gli stessi risultati. Ho visto alcune cose che indicano che questo era tipicamente un problema di IE, ma non è questo il caso. Questo succede su tutti i browser su Windows e ho provato anche su Safari Mac.

Answer 1

Il problema è il ciclo for - in pratica stai bloccando il thread. Vorrei utilizzare i timeout e ridurre il lavoro da fare per dare ad altre esigenze di elaborazione sulla pagina la possibilità di eseguire.

Answer 2

Per quanto riguarda la causa principale, @ChristopherSwasey è corretto. Ho chiesto ad alcuni altri sviluppatori Ember su questo. Nessuna soluzione, ma due pensieri interessanti che potrebbero essere d'aiuto:

1) Uno sviluppatore ha riferito di aver incontrato questo problema e di averlo aggirato assicurandosi che la gif animata iniziasse prima della lunga esecuzione di javascript.

2) Un altro sviluppatore ha suggerito che l'utilizzo di un elenco virtualizzato è il percorso corretto, in modo che vengano visualizzati solo i nodi visibili. Tuttavia, temo di non sapere ancora una classe di elenco virtualizzato Ember open source.

Spero che questo aiuti.