javascript - JS 获取宽度不按预期工作

Question

所以，我的网站出现了一些问题；我有一个响应式图像 slider ，如果我给他一个数值，它可以正常工作，所以我制作了一个 JS 来在我加载网络时获取这个值。这是 js :

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

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

这是它如何与 css 上的数值一起工作的 img :

这就是它通过 js 获取值时所做的事情。

如有任何帮助，我们将不胜感激。谢谢!

附言我正在使用 iosslider，无法放置 Web 权限原因。

Answer 1

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

更具体地说，

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