Question

我有这个脚本：

getIndex (putIndex emptyArray 1 3) 1
= (putIndex emptyArray 1 3) 1
{ inside putIndex you get i = 1, v = 3 and j = 1 here - so the `j == 1` case}
= 3

这很好但悬停不完整，因为无论何时我添加$(document).ready(function () { var $navToggle = $('.nav-toggle'); $(".navbtn").click(function () { if ($navToggle.hasClass('active')) { $('#menu').multilevelpushmenu('collapse'); $navToggle.removeClass('active'); $(this).addClass('active'); } else { $('#menu').multilevelpushmenu('expand'); $navToggle.addClass('active'); $(this).removeClass('active'); } }); $(".navbtn").hover(function () { $('.nav-toggle').addClass('hover'); }); });行，它都会停止工作？像这样：

removeClass

请帮助我帮助我只是尝试重置悬停类。

Answer 1

你可以调用.hover with two arguments，第一个参数是鼠标输入回调，第二个是鼠标离开

$(".navbtn").hover(function () {
    $('.nav-toggle').addClass('hover');
},function(){
    $('.nav-toggle').removeClass('hover');
});

<强>演示

$(".navbtn").hover(function () {
        $('.nav-toggle').addClass('hover');
    },function(){
        $('.nav-toggle').removeClass('hover');
    });

.nav-toggle {
   background:#FFF;  
   transition:all 1s;
}

.nav-toggle.hover {
   background:#FF0;
   color:black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="navbtn">My Nav</div>

<div class="nav-toggle">Toggle</div>

请注意，如果要触发css转换的元素与hovered元素有某种关系，则可以使用css。因此，例如.nav-toggle是.navbtn的兄弟或孩子，你可以使用：hover psuedo class

.navbtn:hover .nav-toggle {
   background:#FF0;
}

CSS演示

假设.nav-toggle是.navbtn的兄弟姐妹

.nav-toggle {
   background:#FFF;  
   transition:all 1s;
}

.navbtn:hover ~ .nav-toggle {
   background:#FF0;
   color:black;
}

<div class="navbtn">My Nav</div>
<div class="nav-toggle">Toggle</div>

Jquery徘徊在停止脚本

1 个答案: