为什么这个js在ie9中不起作用?

时间:2011-11-28 15:32:11

标签: javascript jquery internet-explorer-9

似乎可以在其他浏览器上工作 - 在ie9中是否需要采用不同的方式?

当窗口调整大小时自动调整图像大小

 $(document).ready(function() {
            var $img = $("#theImage");
            var ratio;
            var offsetX = $img.offset().left;
            var offsetY = $img.offset().top;

            $(window).load(function () {
                ratio = $img.width() / $img.height();
                $(this).resize();
            });

            $(window).resize(function () {
                var viewportWidth = window.innerWidth || document.documentElement.clientWidth;
                var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
                var availWidth = viewportWidth - offsetX - 25;
                var availHeight = viewportHeight - offsetY - 25;

                if (availWidth / availHeight > ratio) {
                    $img.height(availHeight);
                    $img.width(availHeight * ratio);
                } else {
                    $img.width(availWidth);
                    $img.height(availWidth / ratio);
                }
            });
        });

0 个答案:

没有答案