javascript $（window）.width（）属性在Internet Explorer中不起作用

Question

我以绝对位置关注Div：

<div id="target" style="height: 300px; position: absolute; top: 275px;"></div>

我正在做的是使用javascript计算屏幕水平分辨率 ，然后使用获得的宽度来计算“目标” div的宽度和左侧位置，如下所示：

var windowWidth = $(window).width();
var targetWidth = windowWidth * 0.7;
var targetLeftPos = windowWidth * (15 / 100);
$('#target').css({ 'width': targetWidth });
$('#target').css({ 'left': targetLeftPos });

该代码在所有浏览器中均能正常工作 ，但在IE中，此代码根本无法正常工作 ，从而导致目标div 没有宽度和左侧位置样式 ，从而导致我的所有设计都被破坏了。

有什么方法可以检测到客户端浏览器，然后在检测到的浏览器是IE时执行备用代码。

请告诉我如何检测客户端浏览器，以及应为IE执行哪些替代代码。

提前致谢。

Answer 1

代替$(window).width ，使用

var windowWidth = window.innerWidth;

Answer 2

我发现了问题...外部jquery插件stickyscroll.js导致了问题。 它正在停止页面上所有js的执行（仅在IE中发生）。 当我删除它时，以上代码对于IE也一直有效。