Question

我已经搜索了stackoverflow的解决方案，我的问题是新的（我认为）的原因是因为HTML布局正在使用。

问题 - 在我在我们网站上实施的类似亚马逊菜单（related post）中，当鼠标进入相关的子li时，我无法保留悬停在Parent li上。

现在这可能很容易，如果我在父布局中使用了孩子（我相信），但我们拥有的html布局（我必须使用），其中父元素在一个ul和childs中是不同的在其他地方。

我已经创建了一个问题的jsfiddle（LINK），在JS部分中，您将找到＆＃39; custom＆＃39;与底部菜单转换相互作用的功能。

感谢您提供的所有帮助！

jQuery代码 -

jQuery(function($){

    $('#main_nav').show();

    $('#clickmenu').hover(function(){
        $('#main_nav').show();
    });

    $('#main_nav').hover(function(){
        $('#main_nav').show();
    }, function(){
        $('#flyouts').hide();
    });

    $('#main_nav li').hover(function(){
        $('#flyouts').show();
        $(this).addClass('hovering');
    }, function(){
        if($('#flyouts').is(':hidden')) {
            $(this).removeClass('hovering');
        }
    });

    $('#flyouts').hover(function(){
        $('#main_nav').show();
        $('#flyouts').show();
    }, function(){
        $('#flyouts').hide();
    });

});

Answer 1

我得到了一些帮助并对此进行了排序（我相信）。检查小提琴的第156和162行。

编辑：和第183-187行。

http://jsfiddle.net/97yD9/18/

代码 -

jQuery(function($){

    $("#main_nav").menuAim({
        activate: function(a){
            var idx = $(a).index();
            $('#flyouts ul').eq(idx).show();
            $(a).css('border', '3px solid black');
            console.log(a);
        }, 
        deactivate: function(a){
            var idx = $(a).index();
            $('#flyouts ul').eq(idx).hide();
            $(a).css('border', 'none');

        }
    });

目标家长李

1 个答案: