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