Question

如果每个菜单项都悬停在上面，我有以下菜单会变为红色。

此菜单显示在我网站的每个页面上。

我遇到以下问题：

如果用户要点击菜单项（例如菜单2），该页面将导航到a标签中设置的页面（即page2.html）

如果用户要将鼠标放在与单击菜单项之前相同的位置（即在所选菜单项上），则菜单将在新页面上再次自动变为红色，如下面的jQuery悬停代码将被激活。

有没有办法阻止这种行为？理想情况下，如果用户鼠标在单击其中一个菜单链接后仍然位于选定的菜单项上，我希望用户必须先将菜单项鼠标移开，然后再将菜单项重新设置为红色。

<script type="text/javascript">

$(document).ready(function() {

    $('li').hover(function() {
        $(this).css('background', 'red');
    }, function() {
        $(this).css('background', 'none');
    })
})

</script>


<ul>
    <li><a href="page1.html">Menu 1</a></li>
    <li><a href="page2.html">Menu 2</a></li>
    <li><a href="page3.html">Menu 3</a></li>
</ul>

Answer 1

它的服务器端任务。您必须将课程附加到<li> 然后，在页面加载时，<li>上会有一个类哪个会给你效果你想要的。这样，最好使用addClass()和removeClass()代替css()。例如，让它成为类.active_link，放入CSS然后根据需要控制它。

不要在新的导航页面上自动悬停

1 个答案: