jqueryaddclass在那里保持类

jqueryaddclass在那里保持类,jquery,Jquery,所以我有一些jQuery,它可以在菜单上滑动,当我在滑动的DIV上悬停时,我必须为hover添加类,我需要悬停效果来保持菜单项上的活动状态 问题是,即使DIV消失了,它也会留在那里——我曾尝试使用removeClass,但当我滚动到菜单选项DIV时,它就会将其删除 我有点犹豫 jQuery如下所示 $(document).ready(function() { $(".menu_item, .menu_options").hover(function() { $(this).add

所以我有一些jQuery,它可以在菜单上滑动,当我在滑动的DIV上悬停时,我必须为hover添加类,我需要悬停效果来保持菜单项上的活动状态

问题是,即使DIV消失了,它也会留在那里——我曾尝试使用removeClass,但当我滚动到菜单选项DIV时,它就会将其删除

我有点犹豫

jQuery如下所示

$(document).ready(function() {
    $(".menu_item, .menu_options").hover(function() {
    $(this).addClass('hover');
        $(".menu_options").stop(true, true).slideDown(400);
    }, function() {
        $(".menu_options").stop(true, true).delay(10).slideUp(400);
    });

});
我看了一下帖子,但似乎没什么帮助

提前感谢你的帮助

编辑。刚才还注意到,在JSFIDLE上,它似乎也在将hover类添加到菜单选项中-当我在浏览器中测试实际脚本时,情况并非如此

Edit:


如果我正确理解了您的问题,您需要删除类关闭悬停:

$(document).ready(function() {
    $(".menu_item, .menu_options").hover(function() {
    $(this).addClass('hover');
        $(".menu_options").stop(true, true).slideDown(400);
    }, function() {
        $(this).removeClass('hover');
        $(".menu_options").stop(true, true).delay(10).slideUp(400);
    });
    
});

利用第二个参数来执行
slideUp
。完成后,删除该类。大概是这样的:

$(document).ready(function() {
    $(".menu_item, .menu_options").hover(function() {
        $(this).addClass('hover');
        $(".menu_options").stop(true, true).slideDown(400);
    }, function() {
        $(".menu_options").stop(true, true).delay(10).slideUp(400, function( {
            $(".menu_item, .menu_options").removeClass('hover')
        });
    });
}
保存在你的小提琴上


因此,基本上,在hover上添加hover类(或者mouseenter实际上更合适),在完成向上滚动之前不要删除它。您可能需要调整添加到的内容(从外观上看,只需
$(“.menu\u item”)
就可以了),但这是一般的想法。

我刚刚提出了这一点,但可能这正是您试图实现的目标:感谢您的回答-我尝试了,但这样做的目的是在进入“菜单选项”部分后立即取消课程(滑下一个)我需要它呆在那里,而我是在那个div和删除时来off@JamesLeist老实说,你说的没有道理。你想让这个类在哪个div上,什么时候删除这个类?所以菜单项div需要显示悬停,然后当我滚动到菜单选项时,悬停效果需要保留在菜单项上,然后w当我滚动菜单选项时,悬停需要消失-此时悬停停留在那里非常感谢您的帮助,但我想我现在已经有了:-)@Jamesleis看不到编辑小提琴,仍然不确定,这是您想要的吗?非常感谢:-)