Bootstrap3 + IE9：导航栏未扩展

Question

请查看我正在为客户开发的这个网站：

http://tinyurl.com/ot8fljg

顶部菜单是 bootstrap3 导航栏。我已经用一小段 js 代码对其进行了修改，以使子菜单在悬停而不是单击时显示，如下所示：

$(function() {
        $('li.dropdown.hover').hover(
            function(e) { $(this).addClass('open'); },
            function(e) { $(this).removeClass('open'); }
        );
    });

但是，它不会在 IE9 上显示。我一直在玩 IE 的内置开发人员工具几个小时，但我似乎无法找到解决方案。谁能帮我理解为什么它只在 IE9 上显示子菜单边框？

Answer 1

检查您的 ie9 是否处于兼容视图模式。所以试试这个代码：<meta http-equiv="X-UA-Compatible" content="IE=edge">