2012-01-05 6 views
1

私が書いたjQueryプラグインに存在する要素にCSSの変更を適用しています。私は要素を含むサイジングを使っていくつかの算術演算を行い、競合状態に起因するような一貫性のない値を得続けます。jQuery .css():要素へのプロパティのアプリケーションに本質的な遅延がありますか?

ここでは、コードです:

$.each($marquee.find('li'), function(){ 

     console.log('li count'); 

     var $li = $(this); 

     $li.css({ 
      display: 'inline' 
     }); 
    }); 

    var sectionWidth = $marquee.outerWidth(); 
    var containerWidth = $wrappingDiv.width(); 

    console.log(sectionWidth); 
    console.log(containerWidth); 

コンソールログで報告された値は、ページの更新に乱暴に変わり、私は理由を理解することはできませんが。これについての洞察とそれを一貫して機能させる方法はありますか?

編集:私はJSFiddleシナリオを設定しましたが、JSFiddleのシェルが実際のブラウザとは異なるレンダリングを処理するため疑いがありましたが、上のシナリオは複製されません。診断には何を使うのかはっきりしていませんが、ここにリンクがあります。

http://jsfiddle.net/BJedD/27/

補遺これはWebkitのブラウザでのみ起こっているように見えます。

+2

問題を示す[jsfiddle](http://jsfiddle.net/)をセットアップできますか? –

+0

JsFiddle.netでコードを共有することができればいいと思うので、私たちはもっと助けてくれるでしょう:-) – Qorbani

+0

私は質問にJSFiddleリンクを追加しましたが、私が言ったように、ローカルで試してみることを強く勧めます。 – dclowd9901

答えて

1

の代わりに$(window).load(function(){//Your code})の後にこれを行います。私はあなたのjsFiddleでこれを試して、それは動作します(一貫した結果)。

関連する問題