Question

1.我有2个菜单，“主要”和“Sub” - 当你将鼠标悬停在main中的特定链接上时，它会通过向其添加一个类来突出显示子菜单...很棒......当我滚动“main li链接”时子的颜色导航恢复正常...... - 但是如果我滚到子导航器上，我需要保留这个...例如他们都突出了......

...然后....一旦我真的盘旋到子导航......然后突出显示将停止...只有我滚动的子菜单项链接突出显示颜色（这可能只是正常的“a：悬停”状态。

所以我想简而言之..

将鼠标悬停在主菜单项上...子菜单项突出显示...从主导航栏中退出...子菜单仍然突出显示......（尽管这只会突出显示从主要部分到子部分） - 任何其他它会松开突出显示）...然后一次在子菜单上...删除突出显示（所以标准a：hover为子菜单得到使用...

到目前为止，这是我的代码，它激活了全局突出显示：

<ul id="primarynav">
    <li><a href="">home</a></li>
    <li class="portfolio"><a href="">protfolio</a></li>
    <li><a href="">contact</a></li>
</ul>

<!-- Secondary nav -->

<ul id="secondarynav">
    <li><a href="">Websites</a></li>
    <li><a href="">Graphics</a></li>
    <li><a href="">Drawing</a></li>
</ul>


$(document).ready(function(){
    var $primarynav = $('#primarynav .portfolio'),
        $secondarynav = $('#secondarynav');

    $primarynav.hover(function(){
        $secondarynav.addClass('highlight');
    }, function(){
        $secondarynav.removeClass('highlight');
    });
});

Answer 1

你的意思是这样的：

<ul id="primarynav">
    <li><a href="">home</a></li>
    <li class="portfolio"><a href="">protfolio</a></li>
    <li><a href="">contact</a></li>
</ul>

<!-- Secondary nav -->

<ul id="secondarynav">
    <li><a href="">Websites</a></li>
    <li><a href="">Graphics</a></li>
    <li><a href="">Drawing</a></li>
</ul>


$(document).ready(function(){
    var $primarynav = $('#primarynav .portfolio'),
        $secondarynav = $('#secondarynav');

    $primarynav.hover(function(){
        $secondarynav.addClass('highlight');
    });

    $secondarynav.hover(function(){
        $secondarynav.removeClass('highlight);
    });
});

在悬停主导航
离开主导航时不会突出显示
的悬停子菜单时突出显示消失

jQuery：在关闭元素时保留悬停状态？

1 个答案: