2009-03-27 9 views
0

J'ai le plus étrange des problèmes. J'ai une fonction jQuery qui anime les barres de résultat d'un sondage. Comme vous pouvez le voir, il s'agit d'une animation simple qui allonge un couple de divs. Cela fonctionne bien jusqu'à ce que je l'intègre sur ma page principale. Le problème semble être qu'il y a trop de contenu AUTRE qui brise la beauté de l'animation lisse. Je pensais à moi être boiteux dans l'implémentation du JavaScript, CSS, etc mais après quelques tests et l'ingénierie inverse, j'ai découvert que plus le contenu (images, texte, vidéo) que j'ai sur la page, le pire la qualité de la L'ANIMATION EST. Je ne peux que deviner quelle est la raison ... J'aime vraiment mon animation :)! Appréciez l'aide!Problème d'animation Jquery

This demo montre comment il devrait ressembler. Je comprends que ça fonctionne comme ça quand la page contient moins de contenu. Par mauvaise qualité, je veux dire pas le bon déroulement des barres. Le pire des cas est lorsque les barres apparaissent dans leur largeur finale en un instant. Il est testé sur Mozilla et Chrome et IE7 - aucune différence.


Edit: Il semble que sans les exemples concrets de vos mains sont liées alors voici quelque chose à travailler. Cherchez simplement la bordure rouge, choisissez une réponse et cliquez sur le bouton. La langue est le bulgare si vous vous demandez.

  1. Un comportement souhaitable here
  2. je peux vivre avec ça here
  3. À partir de l'air bizarre here
  4. Je ne comprends pas ce here

Si tous ont le même aspect à vous alors mon ordinateur est à blâmer et je ne dois plus m'inquiéter de ce problème particulier, qui a déjà pris beaucoup d'effort. Utilisez Mozilla si possible.


Edit 2: J'ai trouvé ce SO answer qui répond à certaines de mes questions sur la fonction animate() et comment cela fonctionne, mais le problème reste non résolu, au moins pour mon ordinateur.

+0

Pourriez-vous élaborer davantage sur ce que vous entendez par qualité d'animation inférieure? – Marcel

+0

Pouvez-vous fournir un exemple de lien où il y a beaucoup de contenu sur la page, ruinant ainsi l'animation? – strager

+0

D'accord, le bon fonctionnement de l'exemple est sympa, mais nous avons vraiment besoin de voir l'exemple de fonctionnement sans heurts. – bendewey

Répondre

2

De combien de contenu parlons-nous ici? Si la page est assez grande, le moteur du navigateur peut ne pas avoir suffisamment de puissance pour ré-afficher le contenu assez rapidement pour fournir un affichage fluide.

1

La manière dont jQuery fait son animation est de mettre à jour périodiquement les attributs CSS en ligne. Si les éléments dont vous changez de style sont flottants ou ont d'autres interactions complexes avec les autres éléments de la page, alors l'animation ne sera pas lisse.

En bref, mettez moins de choses sur votre page. Vous pouvez également essayer une solution iFrame ou passer à l'utilisation de flash pour afficher les résultats.

Ceci est juste une limitation du système, malheureusement.