我想要当鼠标继续运行时li
jquery 向元素添加一个类:
<ul class="menu">
<li>Menu Item</li>
<li>Menu Item</li>
<li>Menu Item</li>
<li>Menu Item</li>
</ul>
<script type="text/javascript">
var myMenu = $('.menu').children('li');
myMenu.on({
mouseenter: function() { $( this ).addClass( "is_hovered" ); },
mouseleave: function() { $( this ).removeClass( "is_hovered" ); }
});
</script>
但我只想在鼠标移至另一个时删除类li
, 如果不keep元素上的类。
这可能吗?
在这种情况下,不要使用 mouseleave 处理程序,在 mouseenter 上从其他元素中删除悬停的类
var myMenu = $('.menu li');
myMenu.mouseenter(function () {
myMenu.filter('.is_hovered').removeClass("is_hovered");
$(this).addClass("is_hovered");
});
Demo: Fiddle
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)