jQuery:退出元素时是否保留悬停状态?

jQuery:退出元素时是否保留悬停状态?,jquery,Jquery,1.我有两个菜单,“Main”和“Sub”-当你将鼠标悬停在Main中的特定链接上时,它会通过向子菜单添加一个类来突出显示子菜单…太好了。。。问题是,当我关闭“主li链接”时,副导航的颜色恢复正常…-但是如果我滚到潜艇上,我需要保存这个。。。e、 他们都突出了 ……然后。。。。一旦我将鼠标悬停在子导航上,高亮显示就会停止,只有我滚动到的子菜单项链接会变成高亮显示的颜色(这可能只是正常的“a:悬停”状态) 所以我想简而言之 将鼠标悬停在主菜单项上…子菜单项高亮显示…离开主导航…子菜单仍高亮显示…(

1.我有两个菜单,“Main”和“Sub”-当你将鼠标悬停在Main中的特定链接上时,它会通过向子菜单添加一个类来突出显示子菜单…太好了。。。问题是,当我关闭“主li链接”时,副导航的颜色恢复正常…-但是如果我滚到潜艇上,我需要保存这个。。。e、 他们都突出了

  • ……然后。。。。一旦我将鼠标悬停在子导航上,高亮显示就会停止,只有我滚动到的子菜单项链接会变成高亮显示的颜色(这可能只是正常的“a:悬停”状态)
  • 所以我想简而言之

    将鼠标悬停在主菜单项上…子菜单项高亮显示…离开主导航…子菜单仍高亮显示…(虽然只有在从主菜单转到子菜单时才会高亮显示)-否则会松开高亮显示…。然后打开子菜单…删除高亮显示(因此使用了子菜单get的标准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');
        });
    });
    
    $(文档).ready(函数(){ var$primarynav=$(“#primarynav.portfolio”), $secondarynav=$(“#secondarynav”); $primarynav.hover(函数(){ $secondarynav.addClass('highlight'); },函数(){ $secondarynav.removeClass('highlight'); }); });
    你的意思是这样的吗:

    <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);
        });
    });
    
    $(文档).ready(函数(){ var$primarynav=$(“#primarynav.portfolio”), $secondarynav=$(“#secondarynav”); $primarynav.hover(函数(){ $secondarynav.addClass('highlight'); }); $secondarynav.hover(函数(){ $secondarynav.removeClass('突出显示); }); });
    • 当悬停在主导航上时,它会高亮显示子导航
    • 离开主导航时,它不会带走高光
    • 悬停子菜单时,高光消失