webkit浏览器正在获取elements.width()错误

我试图获得正确的容器计算宽度。 所有浏览器都正确获得计算出的宽度。 (甚至是IE)但令人惊讶的是Chrome和webKit浏览器正在获得有线号码。

我试图获得

  • 的总宽度,包括其边框和填充+其边距右。

    然后将其乘以

  • 的长度,以获得保持它们所需的确切宽度

    我用宽度计算来追踪问题。

    任何人都可以告诉我什么是错的。

    谢谢

    HTML

       

    JS

     var videoContext = $("#horizontalBelt"), videoBeltUL = videoContext.find("ul"), videoBeltLI = videoContext.find("li"), videoLength = videoBeltLI.length, videoWidth = parseInt(videoBeltLI.eq(0).outerWidth())+parseInt(videoBeltLI.eq(0).css("marginRight")), beltTotalWidth = videoLength*videoWidth, // js goes on.... 

    beltTotalWidth在webKit中具有不同的值。

    你是来自这个吗?

    $(document).ready(...)

    如果是这样尝试使用

    $(window).load(...)

    如果您不想等待window load事件,则可以在每个图像的load事件上运行它。 正如Gaby在评论中所说,如果您知道图像的尺寸,则为图像添加width属性可以让您更早地运行它。