JSの幅が意図したとおりに機能しない

Question

私のウェブにいくつかの問題があります。私は彼に数値を渡すと適切に動作する応答性のある画像スライダーを持っているので、WebをロードするときにJSをこの値にするようにしました。 これはJSです：

<script> 
    $(document).ready(function(){ 
     $('.item').css({ 
      'width': w + 'px' 
     }); 
    }); 
</script> 

問題は、それが値を取得しますが、意図したとおりの仕事をいけないということです。

そして、これが、それはJSで値を取得するとき、それが何をするかである：ここでは

は、CSS上の数値でどのように動作するかのIMGです。

任意の助けいただければ幸いです。ありがとう！

P.S.私はiossliderを使用して、権限のWebの原因を入れない。

Answer 1

document.ready上の画像の幅を計算すると、unfavourabeな結果を与える可能性があり、JSは画像が完璧にロード見ますimages loaded pluginを使用するベンダーを追加することが可能windows load event上または場合に、幅の計算をしてみてください。

具体的には、

$('.item img').on('load',function(){ 
    //width calculation here 
});