2016-08-04 190 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