Javascript 单击函数后在jquery中禁用悬停效果时出错
在Javascript 单击函数后在jquery中禁用悬停效果时出错,javascript,jquery,html,css,Javascript,Jquery,Html,Css,在jQuery中单击函数后,我使用以下代码禁用div的悬停效果,但我得到了悬停效果 代码 要删除悬停效果,我添加$('#leftmenu').removeEffect(“:hover”)但doest有效 我需要在单击功能后禁用div的悬停效果 需要禁用此css功能#leftmenuidfrmslt li:hover{color:red;background color:#ffff66;}您可以使用: $('#leftmenu').off('hover'); 或 您尝试过.toggle()吗 有
jQuery
中单击函数后,我使用以下代码禁用div的悬停效果,但我得到了悬停效果
代码
要删除悬停效果,我添加$('#leftmenu').removeEffect(“:hover”)代码>但doest有效
我需要在单击功能后禁用div的悬停效果
需要禁用此css功能#leftmenuidfrmslt li:hover{color:red;background color:#ffff66;}
您可以使用:
$('#leftmenu').off('hover');
或
您尝试过.toggle()吗
有两件事。首先,removeEffect
不是内置的jQuery方法。这可能就是你出错的原因
其次,如果您想删除CSS:hover
效果,您必须在CSS中定义样式,然后在JS中添加/删除类
CSS
#leftmenu:hover {
background: yellow;
font-weight: bold;
}
/* cancel out your :hover styles */
#leftmenu.no-hover {
background: transparent;
font-weight: normal;
}
$("#leftmenu").addClass("no-hover");
JS
#leftmenu:hover {
background: yellow;
font-weight: bold;
}
/* cancel out your :hover styles */
#leftmenu.no-hover {
background: transparent;
font-weight: normal;
}
$("#leftmenu").addClass("no-hover");
唯一的方法是添加css,我们可以在ScritpCando$(“#leftmenu”).css({背景:'transparent','font-weight':'normal'})我需要禁用悬停效果我需要禁用th项,然后执行$(“#leftmenu li”).css(/*您的样式*/)代码>相反。我仍然可以看到悬停效果]在这种情况下如何切换帮助?切换显示或隐藏元素,OP询问是否禁用悬停效果。