0


0

Jqueryアニメート問題

私は最も奇妙な問題を抱えています。 投票の結果バーをアニメーション化するjQuery関数があります。

function displayResults()  {
    $(".q_answers1 div").each(function(){
        var percentage = $(this).next().text();
        $(this).css({width: "0%"}).animate({
            width: percentage}, 'slow');
    });
}

ご覧のとおり、これは2つのdivを延長した単純なアニメーションです。 メインページに埋め込むまでは問題ありません。 問題は、滑らかなアニメーションの美しさを損なう他のコンテンツが多すぎることです。 私は、JavaScript、CSSなどを実装するのが足りないと思っていました しかし、2、3回のテストとリバースエンジニアリングの結果、私はページ上にあるより多くの内容(画像、テキスト、ビデオ)、アニメーションの品質が悪いことを知りました。 その理由は何でしょうか。 私は本当に私のアニメーションが好きです:)! 助けを感謝します!

http://nettuts.com/demos/test_poll/ [このデモ]はその様子を示しています。 ページの内容が少ない場合は、このように動作します。 質が悪いということは、バーの流れが滑らかではないということです。 最悪の場合は、バーが一瞬のうちに最終的な幅で表示される場合です。Mozilla、Chrome、およびIE7でテストしました - 違いはありません。

'' '' '

*編集:*実際の例がないとあなたの手は縛られているので、ここで取り組むべき何かがあります。 赤い枠線を探し、答えを1つ選んでボタンをクリックしてください。 あなたが疑問に思っているなら言語はブルガリア語です。

  1. 望ましい行動http://youchost.com/popfolk/PERFECT.php[here]

  2. 私はそのhttp://youchost.com/popfolk/GOOD.phpと共存できます。

  3. 奇妙に見え始めたhttp://youchost.com/popfolk/ANIMATE1.php

  4. http://youchost.com/popfolk/index.phpは入手できません。

それらのすべてがあなたに同じように見えるならば、私のコンピュータは非難することであり、私はもうこの2つの努力を取ったこの特定の問題について心配する必要はありません。 可能であればMozillaを使用してください。

'' '' '

*編集2:*私は `animate()`に関する私の質問のいくつかに答えるhttps://stackoverflow.com/questions/459224/jquery-animate-and-browser-performance/459284#459284 [SO answer]を見つけました。機能とそれがどのように機能するか、しかし問題は、少なくとも私のコンピューターにとっては未解決のままです。

2 Answer


2


ここではどのくらいの量のコンテンツを話していますか? ページが十分に大きい場合、ブラウザエンジンは、滑らかな表示を提供するのに十分な速さでコンテンツを再レンダリングするのに十分な能力を単に持っていないかもしれません。


1


jQueryがアニメーションを行う方法は、インラインCSS属性を定期的に更新することです。 スタイルを変更している要素が浮いていたり、ページ上の他の要素と複雑に相互作用している場合は、アニメーションは滑らかにはなりません。

一言で言えば、あなたのページに少ないものを置きます。 また、ある種のiFrameソリューションを試したり、結果を表示するためにフラッシュの使用に切り替えることもできます。

残念ながら、これはシステムの単なる制限です。