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">