为什么我的弹出脚本在ie9中不起作用?

时间:2014-08-03 14:55:07

标签: jquery internet-explorer-9

我甚至不知道从哪里开始解决这个问题,请大家给予任何帮助。 不确定它是innerHeight方法还是scrollTop或完全不同的东西。在ie9中查看弹出窗口时根本没有显示,但在所有其他浏览器中工作正常,即10及以上。

$(document).ready(function () {
    function positionLightboxImage() {
        var popup = $('.popup'),
            closeBtn = $('.closeBtn'),
            overlay = $('.bgOverlay');
        overlay.hide();
        closeBtn.live('click', function () {
            popup.fadeOut();
            overlay.fadeOut();
        });
        popup.hide();
        var top = (window.innerHeight - popup.height()) / 2 - 200;
        var left = (window.innerWidth - popup.width()) / 2;
        console.log(top, left);
        popup.css({
            'top': top + $(document).scrollTop(),
                'left': left
        }).fadeIn();
        overlay.fadeIn();
        return false;
    }
    positionLightboxImage();
});

1 个答案:

答案 0 :(得分:1)

在IE9中,console对象仅在访问开发人员工具时可用。如果隐藏了开发人员工具,则控制台对象仍然不可用,如果您导航到新选项卡,则还必须确保为该选项卡打开开发人员工具以获取控制台对象。