2016-08-04 189 views
0

所以,即時通訊與我的網站有一些問題;我有一個響應式圖像滑塊,如果我給他一個數值,它就可以正常工作,所以我在加載網頁時讓JS獲得了這個值。 這是JS:JS變寬不能按預期工作

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

的問題是,它得到的價值,但按預期不工作。

這裏是它如何與CSS的數值工作的IMG:

working as intended 這是它做什麼時,得到與JS的值。

Not working properly.

任何幫助,將不勝感激。謝謝!

P.S.即時通訊使用iosslider,不能放置網絡權限的原因。

+3

這到底是勇敢? –

+1

我相信需要更多的代碼來調試! [stack snippet](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/)或[fiddle](http://jsfiddle.net)是優選的。 – Pugazh

+0

對不起語言編輯 – David

回答

2

document.ready計算圖像的寬度可以得到unfavourabe結果,嘗試上windows load event寬度計算或如果可行添加廠商JS使用images loaded plugin這將觀看圖像加載到完美。

更具體地講,

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

我要去試試,謝謝 – David

+0

快樂是我的! –

+0

不工作,但可能導致我的錯誤,我想它對我來說有點太過分了,謝謝。 – David