jQuery width（）函数在Internet Explorer 9中返回错误的值

Question

我之前使用过Easy Slider jQuery插件，直到现在才出现问题。 问题很奇怪。 看看这个主页http://bit.ly/HKiWY6

该页面将弹出一个显示两个值的警报：

$("#slider").width()

和

$("#slider3").width()

我已经在css中设置了两者的值。 一个是710px，一个是700px。

如果你在IE9中运行，它会显示默认值$（window）.width（），而不是当前窗口或文档宽度。 FF和Chrome正确返回。 这是为什么？

Answer 1

尝试使用outerWidth，并确保将其包装在windows.ready事件侦听器中，以确保在计算宽度之前正确呈现所有DOM元素

$("#slider3").outerWidth()

Answer 2

我在过去使用jQuery的width（）/ height（）/ offset（）。top / .left等时遇到了问题，当我在某个事件完全冒泡之前使用它们时。 看看setTimeout(function() { alert($('#slider').width()); }, 0); 有任何影响。 这是一个便宜的nextTick（）技巧，可能正是你所需要的。