Jquery 如何在鼠标悬停在选项卡上时找到类
我想突出显示单击的li选项卡 当我在标签上悬停时,它被高亮显示,你能告诉我当点击li标签时如何添加该类吗 我已尝试添加活动类 我的一些代码Jquery 如何在鼠标悬停在选项卡上时找到类,jquery,Jquery,我想突出显示单击的li选项卡 当我在标签上悬停时,它被高亮显示,你能告诉我当点击li标签时如何添加该类吗 我已尝试添加活动类 我的一些代码 $(document).ready(function() { fetchTopLosersData('#1d'); $("ul.menu li").click(function() { $("ul.menu li").removeClass("active"); $(this).addClass("active");
$(document).ready(function() {
fetchTopLosersData('#1d');
$("ul.menu li").click(function() {
$("ul.menu li").removeClass("active");
$(this).addClass("active");
var tabclicked = $(this).find("a").attr("href");
$('.tab-container-1').find('.tab-content-1').hide().html('');
$(tabclicked).show();
fetchTopLosersData(tabclicked);
});
});
只需添加css li.active a
.menu li a:hover,
.menu li.active a {
background: #528CBF;
}
.menu li a:hover {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
您的
js
正常。只需使用以下css
.menu li.active a{
background: #528cbf;
transition: all 0.3s ease 0s;
}
您的js是正确的,但需要添加css。菜单li a:悬停,.menu li.active a{fiddle更新: