jquery - 显示/隐藏菜单在 IE7 中不起作用

Question

我用 jQuery 创建了下拉菜单。除了 IE7，一切都很好。根本不工作。它只会使最后一个链接加粗。我不确定如何调试它。

我创造了这个小提琴。

有没有人有办法解决吗？

这是不起作用的JS：

 $(".link-dropdown").on({
        click: function(){
            var $this = $(this);

            if ($this.parent().next().is(":visible")){
                $('.opening-holder').hide();
                $('.link-dropdown').css({
                    'fontFamily': 'Geogrotesque-Regular, Arial, sans-serif'
                });
            } else {
                $('.opening-holder').hide();
                $('.link-dropdown').css({
                    'fontFamily': 'Geogrotesque-Regular, Arial, sans-serif'
                });

                $this.css({
                    'fontFamily': 'Geogrotesque-SemiBold, Arial, sans-serif'
                });

                $this.parent().next().show();
                $this.parent().next().children().show();
            }

            return false;
        }
    });

Answer 1

我为解决方案http://jsfiddle.net/EMnw3/27/创建了小提琴， 如果可见，我禁用它并且它可以工作......

Answer 2

这与您使用过的事实有关:visible。

Answer 3

试试这个：

我刚刚对 jQuery 脚本进行了更改，它的工作方式如下：

$(function(){
    $(".link-dropdown").on({
        click: function(){
            var $this = $(this);

            if ($this.css("dispaly") == "block;"){
                $('.opening-holder').hide();
                $('.link-dropdown').css({
                    'fontFamily': 'Geogrotesque-Regular, Arial, sans-serif'
                });
            } else {
                $('.opening-holder').hide();
                $('.link-dropdown').css({
                    'fontFamily': 'Geogrotesque-Regular, Arial, sans-serif'
                });

                $this.css({
                    'fontFamily': 'Geogrotesque-SemiBold, Arial, sans-serif'
                });

                $this.parent().show();
                $this.parent().children().show();
            }

            return false;
        }
    });
});