2014-01-06 12 views
0

我在页面中有很多元素。请考虑以下DIV当窗口大小调整时,DIV offsetWidth/Width/innerWidth在IE8中返回零。

<div id="root">  
     .................. 
    <div id="child1"> 
     ............. 
    </div> 
    <div id="child2"> 
     ............... 
    </div> 
</div> 

根div(#根)有一些宽度基于内容时得到加载。

当过窗口被重新调整大小重绘()函数被调用,其存在于窗口调整大小功能

$(window).resize(function() { 
    repaint(); 
}); 
function repaint(){ 
    //width returns "0" in IE8 browser and other browsers working fine 
    var width=$("#root").width() || $("#root").innerWidth() -> returns zero value in IE8 
} 

它返回宽度为“0”在IE8浏览器,但返回IE9一些宽度(960像素) /其他现代浏览器。

我不知道这个问题的确切原因是什么。

为什么窗口大小调整时返回零宽度。

感谢,

湿婆

+0

可能是浏览器呈现问题,请尝试使用超时进行测试 –

+0

您粘贴的代码中的#root div未关闭。 – enguerranws

+0

看我更新的代码 – SivaRajini

回答

0

http://jsfiddle.net/5LFXK/

这个工作在IE8。查看控制台(布局已完成)。

$(window).resize(function() { 
    repaint(); 
}); 
function repaint(){ 
//width returns "0" in IE8 browser and other browsers working fine 
var width=$("#root").width(); 
console.log(width); 

} 
+0

这是因为元素显示/位置CSS属性。 –

+0

你在这里看到一些CSS? – enguerranws

+0

不,我只是指出@SivaRajini问题的原因 –

相关问题