jquery - webkit 浏览器获取 elements.width() 错误

Question

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

我正在尝试获取 <li> 的总宽度包括它的边框和填充+它的右边距。

然后将其乘以 <li> 的长度以获得容纳它们所需的精确宽度

我找到了宽度计算的问题。

谁能告诉我怎么了？

谢谢

HTML

 <div id="videoTotorialTumbs">
    <a href="#" id="thumbLeftArrow" class="inActive"></a>
   <a href="#" id="thumbRightArrow"></a>
      <div id="horizontalBelt">
        <ul style="width: 1056px;">
            <li><a rel="video1" href="#"><img src="http://dummyimage.com/110x90.jpg">     <span>Upload images</span></a></li>
            <li><a rel="video2" href="#"><img src="http://dummyimage.com/110x90.jpg"><span>Choose Theme</span></a></li>

        </ul>
    </div>
</div>

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 中有不同的值。

Answer 1

您是从这里调用的

$(文档).ready(...) ?

如果是这样尝试使用

$(窗口).load(...)