【问题标题】:bootstrap .list-group item stays active when leaving the div离开 div 时,引导 .list-group 项目保持活动状态
【发布时间】:2015-12-05 08:35:06
【问题描述】:

我有一个问题,鼠标离开 .list-group 最后要“悬停”的项目保持活动状态,但我需要它来删除 active 类。

这是我在mouseover 上添加active 类的函数:

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

这很好,但我需要它来删除离开该区域时要悬停的最后一项上的 active 类。

我尝试了很多方法,但似乎无法弄清楚

【问题讨论】:

  • 有什么特殊原因你不只是使用 CSS 来实现悬停效果吗?它比使用 JavaScript 更容易和可靠吗?

标签: javascript jquery html twitter-bootstrap


【解决方案1】:

试试这些代码:-

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

也许对你有帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-09
    • 1970-01-01
    • 1970-01-01
    • 2016-05-22
    • 2014-10-05
    相关资源
    最近更新 更多