JS获取宽度不按预期工作

时间:2016-08-04 07:08:44

标签: javascript jquery html css

所以,我的网络存在一些问题;我有一个响应式图像滑块,如果我给他一个数值,它可以正常工作,所以当我加载网页时,我做了一个JS来获得这个值。 这是js:

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

问题是它获得了价值,但没有按预期工作。

这是一个img如何使用css上的数值:

working as intended 这就是它用js获取值时的作用。

Not working properly.

任何帮助将不胜感激。谢谢!

P.S。我正在使用iosslider,无法放入网络权限的原因。

1 个答案:

答案 0 :(得分:2)

document.ready上计算图像的宽度可能会产生不利的结果,尝试在windows load event上进行宽度计算,或者如果可行的话,添加供应商JS使用images loaded plugin,它将观看图像加载到完美。

更具体地说,

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