bootstrap .list-group项在离开div时保持活动状态

Question

我遇到一个问题，即鼠标离开.list-group最后一项要“悬停”仍保持活动状态，但我需要它来移除active类。

以下是我在active上添加mouseover课程的功能：

$('.list-group').on('mouseover','> a', function(e) {
    $(this).addClass("active").siblings().removeClass("active");
});

工作正常，但是我需要它来移除离开该区域时要悬停的最后一个项目上的active类。

我尝试了很多方法，但似乎无法想象

Answer 1

试试这些代码： -

jQuery(".list-group").hover(function () {
    jQuery(this).addClass("active");
}, 
function () {
    jQuery(this).removeClass("active");
});

它可能对你有帮助。