1

我用 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;
        }
    });
4

3 回答 3

1

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

于 2012-08-08T12:12:12.860 回答
0

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

于 2012-08-08T11:21:54.397 回答
0

试试这个：

我刚刚对 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;
        }
    });
});
于 2012-08-08T11:31:23.407 回答